diff --git a/.env.development b/.env.development index 33b4e002..22a3a34c 100644 --- a/.env.development +++ b/.env.development @@ -8,4 +8,6 @@ VITE_APP_PORT = 3000 VITE_APP_BASE_API = '/dev-admin' VITE_APP_BASE_API_URL = 'http://shopxo.com/admin.php/' VITE_APP_BASE_API_PHP = '/dev-api' -VITE_APP_BASE_API_PHP_URL = 'http://shopxo.com/api.php' \ No newline at end of file +VITE_APP_BASE_API_PHP_URL = 'http://shopxo.com/api.php' +VITE_APP_BASE_API_INDEX_PHP = '/dev-index' +VITE_APP_BASE_API_INDEX_PHP_URL = 'http://shopxo.com/index.php' \ No newline at end of file diff --git a/src/api/common.ts b/src/api/common.ts index 8d66fda8..85e92858 100644 --- a/src/api/common.ts +++ b/src/api/common.ts @@ -1,13 +1,13 @@ import { get_type } from '@/utils/common'; import request from '@/utils/request'; -import api_request from '@/utils/api-request'; +import index_request from '@/utils/index-request'; import { isEmpty } from 'lodash'; class CommonAPI { /** 链接初始化接口 */ static getInit() { if (get_type() == 'shop') { - return api_request({ + return index_request({ url: `?s=plugins/index/pluginsname/shop/pluginscontrol/diyapi/pluginsaction/init.html`, method: 'post', }); diff --git a/src/utils/api-request.ts b/src/utils/api-request.ts index c5a950e5..8fe8b3fa 100644 --- a/src/utils/api-request.ts +++ b/src/utils/api-request.ts @@ -24,7 +24,7 @@ const isLogoutModalShown = ref(true); // 用于存储每个请求的CancelToken const pendingRequests = new Map(); // 不需要认证的接口 -const release_url = ['attachmentapi/attachmentupload']; +const release_url = ['attachmentapi/upload']; // 创建 axios 实例 const index = window.location.href.lastIndexOf('?s='); const new_data = window.location.href.substring(0, index); diff --git a/src/utils/index-request.ts b/src/utils/index-request.ts new file mode 100644 index 00000000..bb122da7 --- /dev/null +++ b/src/utils/index-request.ts @@ -0,0 +1,116 @@ +import axios, { InternalAxiosRequestConfig, AxiosResponse } from 'axios'; +import { ElMessage, ElMessageBox, type MessageHandler } from 'element-plus'; +import { get_cookie } from './index'; +import { get_type } from './common'; + +// 提示拦截 + +let messageInstance: MessageHandler; +const message_error = (info: string) => { + if (messageInstance) { + messageInstance.close(); + } + messageInstance = ElMessage.error({ + type: 'error', + message: info, + duration: 30000, + showClose: true, + }); +}; + +// 创建一个状态变量来跟踪是否已经弹出了退出登录的弹窗 +const isLogoutModalShown = ref(true); + +// 用于存储每个请求的CancelToken +const pendingRequests = new Map(); +// 不需要认证的接口 +const release_url = ['attachmentapi/upload']; +// 创建 axios 实例 +const index = window.location.href.lastIndexOf('?s='); +const new_data = window.location.href.substring(0, index); +const new_index = new_data.lastIndexOf('/'); +const pro_url = window.location.href.substring(0, new_index); +const service = axios.create({ + baseURL: import.meta.env.VITE_APP_BASE_API_INDEX_PHP == '/dev-index' ? import.meta.env.VITE_APP_BASE_API_INDEX_PHP : pro_url + '/index.php', + timeout: 60000, + headers: { 'Content-Type': 'application/json;charset=utf-8', 'X-Requested-With': 'XMLHttpRequest' }, +}); +/** @ts-ignore */ +// 请求拦截器 +service.interceptors.request.use( + async (config: InternalAxiosRequestConfig) => { + // 如果是本地则使用静态tonken如果是线上则使用cookie的token + const symbol = config.url?.includes('?') ? '&' : '?'; + if (import.meta.env.VITE_APP_BASE_API_INDEX_PHP == '/dev-index') { + let temp_data = await import(import.meta.env.VITE_APP_BASE_API_INDEX_PHP == '/dev-index' ? '../../temp.d' : '../../temp_pro.d'); + config.url = config.url + symbol + 'token=' + temp_data.default.temp_token; + } else { + // 如果是shop认为是多商户插件使用user_info的cookie + const cookie = get_type() == 'shop' ? get_cookie('user_info') : get_cookie('admin_info'); + if (cookie && cookie !== null && cookie !== 'null') { + config.url = config.url + '&token=' + (JSON.parse(cookie) !== 'null' ? JSON.parse(cookie)?.token : ''); + } + } + // 判断是否是包含不需要认证的接口 + const release_list = release_url.filter(item => config.url?.includes(item)); + if (release_list.length === 0) { + // 检查是否有相同请求正在进行,如果有则取消, 防止重复请求导致返回数据有误 + if (pendingRequests.has(config.url)) { + const cancelToken = pendingRequests.get(config.url); + cancelToken.cancel('canceled'); + pendingRequests.delete(config.url); + } + // 创建一个新的 CancelToken + const source = axios.CancelToken.source(); + config.cancelToken = source.token; + pendingRequests.set(config.url, source); + } + return config; + }, + (error: any) => { + return Promise.reject(error); + } +); +// 响应拦截器 +service.interceptors.response.use( + (response: AxiosResponse) => { + // 请求完成后,从pendingRequests中移除 + pendingRequests.delete(response.config.url); + + const { code, msg, message, data } = response.data; + if (code == 0) { + return response.data; + } else if (code == -400) { + if (isLogoutModalShown.value) { + isLogoutModalShown.value = false; + ElMessageBox.alert(msg, '温馨提示', { + confirmButtonText: '确定', + showClose: false, + type: 'warning', + }).then(() => { + localStorage.clear(); // @vueuse/core 自动导入 + window.location.href = data.logout; + }); + } + } else { + message_error(msg || message || '系统出错'); + return Promise.reject('Error'); + // return Promise.reject(new Error(msg || 'Error')); + } + }, + (error: any) => { + if (error.response && error.response.data) { + const { msg, message } = error.response.data; + message_error(msg || message || '系统出错'); + } else if (error.message == 'canceled') { + console.log('请求已取消'); + } else { + message_error(error.message); + } + + return Promise.reject(error.message); + } +); + +// 导出 axios 实例 +export default service; diff --git a/src/utils/request.ts b/src/utils/request.ts index badda36a..0c413854 100644 --- a/src/utils/request.ts +++ b/src/utils/request.ts @@ -22,7 +22,7 @@ const isLogoutModalShown = ref(true); // 用于存储每个请求的CancelToken const pendingRequests = new Map(); // 不需要认证的接口 -const release_url = ['attachmentapi/attachmentupload']; +const release_url = ['attachmentapi/upload']; // 创建 axios 实例 const index = window.location.href.lastIndexOf('?s='); const pro_url = window.location.href.substring(0, index); diff --git a/vite.config.ts b/vite.config.ts index 7509e2e9..7c639717 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -45,6 +45,12 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => { changeOrigin: true, rewrite: (path) => path.replace(new RegExp('^' + env.VITE_APP_BASE_API_PHP), ''), // 替换 /dev-api 为 target 接口地址 }, + // 反向代理解决跨域 + [env.VITE_APP_BASE_API_INDEX_PHP]: { + target: env.VITE_APP_BASE_API_INDEX_PHP_URL, // 接口地址 + changeOrigin: true, + rewrite: (path) => path.replace(new RegExp('^' + env.VITE_APP_BASE_API_INDEX_PHP), ''), // 替换 /dev-index 为 target 接口地址 + }, }, }, plugins: [