initial commit

2026-01-16 22:04:48 +08:00
parent 28cc3ec005
commit c5244e2b75
95 changed files with 27633 additions and 0 deletions
@@ -0,0 +1,184 @@
+import { ElMessage } from 'element-plus'
+import qs from 'qs'
+
+interface ConfigOption {
+    showErrorMessage?: boolean
+    showSuccessMessage?: boolean,
+    headers?: Headers
+}
+
+interface FetchOptions {
+    baseURL: string
+    headers: Record<string, any>
+    onRequest?: (data: any) => void
+    onResponse?: (data: any) => void
+    onResponseError?: (data: any) => void
+    showErrorMessage?: boolean
+    showSuccessMessage?: boolean
+    watch: boolean
+}
+
+class Http {
+    private options: FetchOptions = {
+        baseURL: '',
+        headers: {},
+        watch: false
+    }
+
+    public constructor() {
+        /**
+         * 全局请求拦截器
+         */
+        this.options.onRequest = (data) => {
+            const runtimeConfig = useRuntimeConfig()
+
+            this.options.baseURL = runtimeConfig.public.VITE_APP_BASE_URL || `${location.origin}/api/`
+            this.options.headers[runtimeConfig.public.VITE_REQUEST_HEADER_CHANNEL_KEY] = 'pc'
+            if (getToken()) this.options.headers[runtimeConfig.public.VITE_REQUEST_HEADER_TOKEN_KEY] = getToken()
+        }
+
+        /**
+         * 全局响应拦截器
+         */
+        this.options.onResponse = ({ response, options }) => {
+            const { _data: data } = response
+            this.handleNetworkError(response)
+            if (data.code != undefined) {
+                if (data.code == 1) {
+                    if (options.showSuccessMessage) ElMessage({ message: data.msg, type: 'success' })
+                } else {
+                    if (options.showErrorMessage === false) return;
+                    if (data.code == 0 || data.code == 400) {
+                        ElMessage({ message: data.msg, type: 'error' })
+                    } else {
+                        this.handleAuthError(data.code)
+                    }
+                }
+            }
+        }
+    }
+
+    public get(url: string, query = {}, config: ConfigOption = {}) {
+        url += '?' + qs.stringify(query)
+        return this.request(url, 'GET', {}, config)
+    }
+
+    public post(url: string, body = {}, config: ConfigOption = {}) {
+        return this.request(url, 'POST', { body }, config)
+    }
+
+    public put(url: string, body = {}, config: ConfigOption = {}) {
+        return this.request(url, 'PUT', { body }, config)
+    }
+
+    public delete(url: string, config: ConfigOption = {}) {
+        return this.request(url, 'DELETE', {}, config)
+    }
+
+    /**
+     * 发送请求
+     * @param url
+     * @param method
+     * @param param
+     * @param config
+     */
+    private request(url: string, method: string, param: AnyObject = {}, config: ConfigOption = {}) {
+        return new Promise((resolve, reject) => {
+            setTimeout(() => {
+                // 处理首次请求baseurl空的问题
+                const runtimeConfig = useRuntimeConfig()
+                !this.options.baseURL && (this.options.baseURL = runtimeConfig.public.VITE_APP_BASE_URL || `${location.origin}/api/`)
+                this.options.baseURL.substr(-1) != '/' && (this.options.baseURL += '/')
+                // 处理数组格式
+                for (const key in param.query) {
+                    if (param.query[key] instanceof Array) {
+                        param.query[key].forEach((item, index) => {
+                            param.query[`${key}[${index}]`] = item
+                        });
+                        delete param.query[key]
+                    }
+                }
+                useFetch(url, { ...this.options, method, ...config, ...param }).then((response) => {
+                    const { data: { value }, error } = response
+                    if (value) {
+                        if (value.code && value.code == 1) {
+                            resolve(value)
+                        } else {
+                            if (value.type && value.type == 'application/zip') {
+                                resolve(value)
+                            } else {
+                                reject(value)
+                            }
+                        }
+                    } else {
+                        reject(error)
+                    }
+                }).catch(err => {
+                    reject(err)
+                })
+            }, this.options.baseURL ? 0 : 500);
+        })
+    }
+
+    private handleAuthError(code: number) {
+        switch (code) {
+            case 401:
+                useMemberStore().logout()
+                break;
+            case 402:
+                navigateTo('/site/close', { replace: true })
+                break;
+        }
+    }
+
+    private handleNetworkError(err: any) {
+        if (err.status && err.status != 200) {
+            let errMessage = ''
+            switch (err.status) {
+                case 400:
+                    errMessage = t('request.400')
+                    break
+                case 401:
+                    errMessage = t('request.401')
+                    break
+                case 403:
+                    errMessage = t('request.403')
+                    break
+                case 404:
+                    errMessage = err.url + t('request.404')
+                    break
+                case 405:
+                    errMessage = t('request.405')
+                    break
+                case 408:
+                    errMessage = t('request.408')
+                    break
+                case 409:
+                    errMessage = t('request.409')
+                    break
+                case 500:
+                    errMessage = t('request.500')
+                    break
+                case 501:
+                    errMessage = t('request.501')
+                    break
+                case 502:
+                    errMessage = t('request.502')
+                    break
+                case 503:
+                    errMessage = t('request.503')
+                    break
+                case 504:
+                    errMessage = t('request.504')
+                    break
+                case 505:
+                    errMessage = t('request.505')
+                    break
+            }
+            ElMessage({ message: errMessage, type: 'error' })
+        }
+    }
+}
+
+const request = new Http()
+export default request