新增请求配置，对接登录接口

src/utils/index.js

@@ -0,0 +1,11 @@
+/**
+ * 生成范围随机数
+ * @param {Object} Min
+ * @param {Object} Max
+ */
+export function RandomNumBoth(Max, Min = 0) {
+    var Range = Max - Min;
+    var Rand = Math.random();
+    var num = Min + Math.round(Rand * Range); //四舍五入
+    return num;
+}

src/utils/request.js

@@ -1,8 +1,68 @@
 import axios from "axios";
+import { ElMessage } from "element-plus";
+import useStorage from '@/utils/useStorage'
+import router from '@/router'
 
-const request = axios.create({
-  baseURL: "http://localhost",
-  timeout: 100000,
+const service = axios.create({
+  baseURL: import.meta.env.MODE == 'development' ? '/api/' : '/api/admin',
+  // withCredentials: true, // 跨域请求时发送 cookies
+  timeout: 5000, // 请求超时
 });
 
-request.interceptors.request.use((config) => {});
+// 请求拦截器
+service.interceptors.request.use(
+  (config) => {
+    // 在发送请求之前做些什么 token
+    if (useStorage.get("token")) {
+      // 让每个请求携带 token
+      // ['X-Token'] 是自定义标题键
+      // 请根据实际情况修改
+      config.headers["token"] = useStorage.get("token");
+      config.headers["loginName"] = useStorage.get("userInfo").loginName;
+      config.headers["clientType"] = 'pc';
+      // config.headers['Content-Type'] = 'application/json'
+    }
+    return config;
+  },
+  (error) => {
+    // 处理请求错误
+    return Promise.reject(error);
+  }
+);
+
+// 响应拦截器
+service.interceptors.response.use(
+  (response) => {
+    // 对响应数据做点什么
+    if (+response.status === 200) {
+      if (+response.data.code == '0') {
+        return response.data.data;
+      } else if (+response.data.code == '9999') {
+        ElMessage.error('登录已过期，请重新登录')
+        useStorage.clear()
+        router.replace("/login")
+        window.location.reload()
+        return Promise.reject('登录已过期，请重新登录')
+      } else {
+        // 响应错误
+        ElMessage.error(response.data.msg)
+        return Promise.reject(response.data.msg)
+      }
+    }
+  },
+  (error) => {
+    // 对响应错误做点什么
+    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;

src/utils/useStorage.js

@@ -0,0 +1,15 @@
+
+export default {
+    get(key) {
+        return JSON.parse(localStorage.getItem(key))
+    },
+    set(key, value) {
+        localStorage.setItem(key, JSON.stringify(value))
+    },
+    del(key) {
+        localStorage.removeItem(key)
+    },
+    clear() {
+        localStorage.clear()
+    }
+}