feat(env): 添加环境变量配置并优化代理设置
- 新增 .env 文件,配置不同环境下的基础 URL - 更新 vite.config.ts,添加环境变量加载和代理配置- 添加 request.js 工具类,用于处理 HTTP 请求 - 更新相关组件,集成新的请求方法
This commit is contained in:
94
src/utils/request.js
Normal file
94
src/utils/request.js
Normal file
@@ -0,0 +1,94 @@
|
||||
import axios from 'axios';
|
||||
|
||||
// import router from '@/router/index';
|
||||
// import { A_COMMON_CLEAR_TOKEN } from '@/stores/constance/constance.common.js';
|
||||
|
||||
import * as config from '@/config.js';
|
||||
|
||||
console.log(config.default);
|
||||
// import {proxyUrl} from config.default
|
||||
//
|
||||
|
||||
const NODE_ENV = import.meta.env.VITE_APP_ENV;
|
||||
const baseURL = NODE_ENV === 'production' ? config.default.proxyUrl : '/backend-api';
|
||||
|
||||
// axios.defaults.withCredentials = true;
|
||||
|
||||
// create an axios instance
|
||||
const service = axios.create({
|
||||
baseURL: `${baseURL}`, // url = base url + request url
|
||||
// withCredentials: true, // send cookies when cross-domain requests
|
||||
timeout: 30000 // request timeout
|
||||
});
|
||||
|
||||
// request interceptor
|
||||
service.interceptors.request.use(
|
||||
(config) => {
|
||||
if (!config.headers) {
|
||||
config.headers.Accept = 'application/json';
|
||||
}
|
||||
config.headers.Authorization = `${localStorage.getItem('plantToken')}`;
|
||||
if (!config.headers.remoteIp) {
|
||||
config.baseURL += '/api';
|
||||
}
|
||||
// config.headers.remoteIp = localStorage.getItem('plantIp') || '127.0.0.1';
|
||||
// if (store.state.common.token) {
|
||||
// config.headers['Login-Type'] = 'pc';
|
||||
// config.headers.Authorization = `Bearer ${store.state.common.token}`;
|
||||
// }
|
||||
return config;
|
||||
},
|
||||
(error) => Promise.reject(error)
|
||||
);
|
||||
|
||||
// response interceptor
|
||||
service.interceptors.response.use(
|
||||
(response) => {
|
||||
if (
|
||||
response.status === 200 ||
|
||||
response.status === 201 ||
|
||||
response.status === 202 ||
|
||||
response.status === 204
|
||||
) {
|
||||
if (response.config.method === 'put') {
|
||||
// message.success('保存中...');
|
||||
}
|
||||
return Promise.resolve(response);
|
||||
}
|
||||
// return Promise.reject(/* new Error(response.message || 'Error') */);
|
||||
}
|
||||
// (error) => {
|
||||
// // for debug
|
||||
// if (error.response.status === 401) {
|
||||
// const query = router.currentRoute.value.query;
|
||||
// //关闭已弹出的所有弹框,防止弹框重叠
|
||||
// // Modal.destroyAll();
|
||||
// store.dispatch(A_COMMON_CLEAR_TOKEN);
|
||||
// window.parent.postMessage(
|
||||
// {
|
||||
// code: '301',
|
||||
// params: {}
|
||||
// },
|
||||
// '*'
|
||||
// );
|
||||
// store.commit('common/M_COMMON_SET_TOKEN_UNAUTHORIZED', false);
|
||||
// } else if (error.response.status === 403) {
|
||||
// router.push({
|
||||
// path: '/error/403'
|
||||
// });
|
||||
// } else if (error.response.status === 404) {
|
||||
// router.push({
|
||||
// path: '/error/404'
|
||||
// });
|
||||
// } else if (error.response.status === 500) {
|
||||
// router.push({
|
||||
// path: '/error/500'
|
||||
// });
|
||||
// } else {
|
||||
// // message.error(error.response.data?.message || '服务器错误');
|
||||
// }
|
||||
// return Promise.reject(error.response);
|
||||
// }
|
||||
);
|
||||
|
||||
export default service;
|
||||
Reference in New Issue
Block a user