axios的重新使用

Signed-off-by: Nxiesi <305492881@qq.com>

src/api/api.js

+/**
+ * 得到登录状态
+ */
+
+import service from "../utils/request";
+
+export function isLogin() {
+    return service.request({
+        method: 'get',
+        url: '/login',
+        withCredentials: true
+    });
+}
+
+export function Login(data = {}) {
+    return service.request({
+        method: 'post',
+        url: '/login',
+        withCredentials: true,
+        data
+    })
+
+}
\ No newline at end of file

src/router/index.js

@@ -9,7 +9,7 @@ const routes = [{
     name: "Home",
     component: Home,
     meta: {
-      needLogin: true,
+      needLogin: false,
     }
   },
   {

src/utils/request.js

+import axios from "axios";
+
+const service = axios.create();
+
+// 添加请求拦截器
+service.interceptors.request.use(function (config) {
+    // 在发送请求之前做些什么
+    return config;
+}, function (error) {
+    // 对请求错误做些什么
+    return Promise.reject(error);
+});
+
+// 添加响应拦截器
+service.interceptors.response.use(function (response) {
+    // 对响应数据做点什么
+    return response;
+}, function (error) {
+    // 对响应错误做点什么
+    return Promise.reject(error);
+});
+
+export default service;
\ No newline at end of file

src/views/Home.vue

@@ -40,8 +40,8 @@
         <el-button @click="onclickaxios"> login_post</el-button>
         <el-button @click="havelogin"> login_get</el-button>
         <el-button @click="logout"> logout</el-button>
-        <br>
-        <br>
+        <br />
+        <br />
         <el-button @click="gotologin11"> gotologin</el-button>
         <router-link to="/Login">gotologin</router-link>
       </el-main>
@@ -60,6 +60,7 @@
 </template>
 
 <script>
+import { isLogin } from "@/api/api.js";
 import LoadFBX from "@/components/LoadFBX.vue";
 import qs from "qs";
 //import { useRouter } from "vue-router";
@@ -89,17 +90,15 @@ export default {
         remember: "on",
       });
       this.axios
-        .post("http://localhost:8070/login", fdata, { withCredentials: true })
+        .post("/login", fdata, { withCredentials: true })
         .then((response) => {
           console.log(response.data);
         });
     },
     havelogin() {
-      this.axios
-        .get("http://localhost:8070/login", { withCredentials: true })
-        .then((response) => {
-          console.log(response.data);
-        });
+      isLogin().then((response) => {
+        console.log(response.data);
+      });
     },
     logout() {
       this.axios

vue.config.js

 module.exports = {
   devServer: {
     https: false,
+    proxy: 'http://localhost:8070'
   },
-};
+};
\ No newline at end of file