init

src/utils/request.js

@@ -0,0 +1,72 @@
+import axios from "axios";
+import { ElMessage } from "element-plus";
+import _hook from "@/hooks/index.js";
+import NProgress from "nprogress";
+import router from '@/router'
+
+const service = axios.create({
+  baseURL: import.meta.env.MODE == 'development' ? '/api/' : '/api/admin',
+  // withCredentials: true, // 跨域请求时发送 cookies
+  timeout: 5000, // 请求超时
+});
+
+// 请求拦截器
+service.interceptors.request.use(
+  (config) => {
+    NProgress.start();
+    // 在发送请求之前做些什么 token
+    if (_hook.useLocalStorage.get("token")) {
+      // 让每个请求携带 token
+      // ['X-Token'] 是自定义标题键
+      // 请根据实际情况修改
+      config.headers["token"] = _hook.useLocalStorage.get("token");
+      config.headers["loginName"] = _hook.useLocalStorage.get("userInfo").loginName;
+      config.headers["userId"] = _hook.useLocalStorage.get("userInfo").userId;
+      // config.headers['Content-Type'] = 'application/json'
+    }
+    return config;
+  },
+  (error) => {
+    NProgress.done();
+    // 处理请求错误
+    return Promise.reject(error);
+  }
+);
+
+// 响应拦截器
+service.interceptors.response.use(
+  (response) => {
+    NProgress.done();
+    // 对响应数据做点什么
+    if (+response.status === 200) {
+      if (+response.data.code == '000000') {
+        return response.data.data;
+      } else if (+response.data.code == '999999') {
+        ElMessage.error('登录已过期，请重新登录')
+        _hook.useLocalStorage.clear()
+        router.replace("/login")
+        return Promise.reject('登录已过期，请重新登录')
+      } else {
+        // 响应错误
+        ElMessage.error(response.data.message)
+        return Promise.reject(response.data.message)
+      }
+    }
+  },
+  (error) => {
+    NProgress.done();
+    // 对响应错误做点什么
+    if (error.message.indexOf("timeout") != -1) {
+      ElMessage.error("网络超时");
+    } else if (error.message == "Network Error") {
+      ElMessage.error("网络连接错误");
+    } else {
+      console.log(error);
+      if (error.response.data) ElMessage.error(error.response.statusText);
+      else ElMessage.error("接口路径找不到");
+    }
+    return Promise.reject(error);
+  }
+);
+
+export default service;