添加后台管理框架雏形

frontend/src/utils/request.ts

@@ -0,0 +1,31 @@
+import axios, {AxiosInstance, AxiosError, AxiosResponse, AxiosRequestConfig} from 'axios';
+
+const service:AxiosInstance = axios.create({
+    timeout: 6000
+});
+
+service.interceptors.request.use(
+    (config: AxiosRequestConfig) => {
+        return config;
+    },
+    (error: AxiosError) => {
+        console.log(error);
+        return Promise.reject(error);
+    }
+);
+
+service.interceptors.response.use(
+    (response: AxiosResponse) => {
+        if (response.status === 200) {
+            return response;
+        } else {
+            Promise.reject("response.status != 200");
+        }
+    },
+    (error: AxiosError) => {
+        console.log(error);
+        return Promise.reject(error);
+    }
+);
+
+export default service;

frontend/src/utils/send_request.js

@@ -0,0 +1,52 @@
+import request from './request';
+import settings from './settings';
+
+async function send_request(url, method = "POST", params, callback) {
+    if (!url) {
+        return false;
+    }
+
+    let returnData = await request({
+        baseURL: settings.backendHost,
+        url: url,
+        method: method,
+        withCredentials: true,
+        // POST 请求参数
+        data: method.toUpperCase() == "POST" ? params : null,
+        // GET 请求参数
+        params: method.toUpperCase() == "GET" ? params : null,
+    }).then((response) => {
+        let result = response.data;
+        // 判断后端是否处理成功
+        if (!result.isSuccess) {
+            // 用户未登录情况
+            if (result.data && result.data.errCode == 20003) {
+                ElMessage.error(result?.data?.errMsg || "用户未登录");
+                localStorage.clear();
+                // window.location.reload();
+                // 如果同时发出多个请求，可能会多次进来，第二次及之后进入时，hash已经变成 #/login 了
+                if (!window.location.hash.includes("/login")) {
+                    let newUrl = '/#/login?redirectTo=' + encodeURIComponent(window.location.hash.substring(1).split('?')[0])
+                    console.log("newUrl", newUrl)
+                    window.location.href = newUrl;
+                }
+            } else {
+                ElMessage.error(result?.data?.errMsg || "服务器错误");
+            }
+            return false;
+        }
+        let data = result.data;
+        if (typeof (callback) === "function") {
+            callback(data);
+        }
+        return true;
+    }).catch((err) => {
+        console.error(err);
+        ElMessage.error(err.message);
+        // ElMessage.error('请求超时，请检查网络连接');
+        return false;
+    })
+    return returnData;
+}
+
+export default send_request;

frontend/src/utils/settings.js

@@ -0,0 +1,27 @@
+export default {
+    /**
+     * 是否是调试模式
+     * true:  开启调试
+     * false: 关闭调试
+     */
+    debugMode: true,
+
+    /**
+     * 网站名称
+     * （网页标题 / 登录页显示）
+     */
+    siteTitle: "社区疫情防控系统",
+    siteFullTitle: "社区疫情防控系统 - 后台管理系统（社区管理员）",
+
+    /**
+     * 开发公司名称
+     * （留空则不显示）
+     */
+    companyName: "",
+
+    /**
+     * 后端接口请求地址
+     * （以 / 结尾）
+     */
+    backendHost: "http://epp.only4.work/",
+};