多环境的axios配置可以在后续的VUE模块中进行引用(引用通过baseURL进行设置),程序会根据启动命令进行判断,自主选择环境。相应代码配置如下:
// src/utils/axios.js,这个是我的配置路径
import axios from 'axios';
const axiosInstance = axios.create({
// 使用环境变量中的 VUE_APP_AUTH_PATH
baseURL: process.env.VUE_APP_AUTH_PATH || process.env.VUE_APP_DEFAULT_PATH,
//简易版配置
// baseURL: process.env.VUE_APP_AUTH_PATH || 'http://localhost:3000',
timeout: 5000, // 请求超时设置
headers: {
'Content-Type': 'application/json',
},
});
// 请求拦截器
axiosInstance.interceptors.request.use(
config => {
// 在发送请求前可以进行一些操作,例如添加 token
return config;
},
error => {
return Promise.reject(error);
}
);
// 响应拦截器
axiosInstance.interceptors.response.use(
response => {
return response.data;
},
error => {
return Promise.reject(error);
}
);
//这里的axiosInstance记得在main.js进行入口设置
export default axiosInstance;