feat: 前端升级至vue3，后端代码结构重构，新增权限管理相关功能

mayfly_go_web/src/common/request.ts

@@ -0,0 +1,168 @@
+import router from "../router";
+import Axios from 'axios';
+import { ResultEnum } from './enums'
+import Api from './Api';
+import config from './config';
+import { getSession, removeSession } from './utils/storage';
+import { templateResolve } from './utils/string';
+import { ElMessage } from 'element-plus';
+
+export interface Result {
+    /**
+     * 响应码
+     */
+    code: number;
+    /**
+     * 响应消息
+     */
+    msg: string;
+    /**
+     * 数据
+     */
+    data?: any;
+}
+
+const baseUrl: string = config.baseApiUrl as string
+
+/**
+ * 通知错误消息
+ * @param msg 错误消息
+ */
+function notifyErrorMsg(msg: string) {
+    // 危险通知
+    ElMessage.error(msg);
+}
+
+// create an axios instance
+const service = Axios.create({
+    baseURL: baseUrl, // url = base url + request url
+    timeout: 20000 // request timeout
+})
+
+// request interceptor
+service.interceptors.request.use(
+    config => {
+        // do something before request is sent
+        const token = getSession("token")
+        if (token) {
+            // 设置token
+            config.headers['Authorization'] = token
+        }
+        return config
+    },
+    error => {
+        return Promise.reject(error)
+    }
+)
+
+// response interceptor
+service.interceptors.response.use(
+    response => {
+        // 获取请求返回结果
+        const data: Result = response.data;
+        // 如果提示没有权限，则移除token，使其重新登录
+        if (data.code === ResultEnum.NO_PERMISSION) {
+            removeSession('token')
+            notifyErrorMsg('登录超时')
+            setTimeout(() => {
+                router.push({
+                    path: '/login',
+                });
+            }, 1000)
+            return;
+        }
+        if (data.code === ResultEnum.SUCCESS) {
+            return data.data;
+        } else {
+            return Promise.reject(data);
+        }
+    },
+    (e: any) => {
+        if (e.message) {
+            // 对响应错误做点什么
+            if (e.message.indexOf('timeout') != -1) {
+                notifyErrorMsg('网络超时');
+            } else if (e.message == 'Network Error') {
+                notifyErrorMsg('网络连接错误');
+            } else if (e.message.indexOf('404')) {
+                notifyErrorMsg('请求接口找不到');
+            } else {
+                if (e.response.data) ElMessage.error(e.response.statusText);
+                else notifyErrorMsg('接口路径找不到');
+            }
+        }
+
+        return Promise.reject(e)
+    }
+)
+
+/**
+ * 请求uri
+ * 该方法已处理请求结果中code != 200的message提示,如需其他错误处理(取消加载状态,重置对象状态等等),可catch继续处理
+ * 
+ * @param {Object} method 请求方法(GET,POST,PUT,DELTE等)
+ * @param {Object} uri    uri
+ * @param {Object} params 参数
+ */
+function request(method: string, url: string, params: any, headers: any): Promise<any> {
+    if (!url)
+        throw new Error('请求url不能为空');
+    // 简单判断该url是否是restful风格
+    if (url.indexOf("{") != -1) {
+        url = templateResolve(url, params);
+    }
+    const query: any = {
+        method,
+        url: url,
+    };
+    if (headers) {
+        query.headers = headers
+    }
+
+    const lowMethod = method.toLowerCase();
+    // post和put使用json格式传参
+    if (lowMethod === 'post' || lowMethod === 'put') {
+        query.data = params;
+    } else {
+        query.params = params;
+    }
+
+    return service.request(query).then(res => res)
+        .catch(e => {
+            // 如果返回的code不为成功，则会返回对应的错误msg，则直接统一通知即可
+            if (e.msg) {
+                notifyErrorMsg(e.msg)
+            }
+            return Promise.reject(e);
+        });
+}
+
+/**
+ * 根据api执行对应接口
+ * @param api Api实例
+ * @param params 请求参数
+ */
+function send(api: Api, params: any): Promise<any> {
+    return request(api.method, api.url, params, null);
+}
+
+/**
+ * 根据api执行对应接口
+ * @param api Api实例
+ * @param params 请求参数
+ */
+function sendWithHeaders(api: Api, params: any, headers: any): Promise<any> {
+    return request(api.method, api.url, params, headers);
+}
+
+function getApiUrl(url: string) {
+    // 只是返回api地址而不做请求，用在上传组件之类的
+    return baseUrl + url + '?token=' + getSession('token');
+}
+
+export default {
+    request,
+    send,
+    sendWithHeaders,
+    getApiUrl
+}