简单记录一下vue的http请求配置相关
测试环境请求接口设置:
1. config/dev.env.js添加：
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
API_ROOT: '"http://"', //配置http请求头
})
2. config/index.js 配置：
dev: {
proxyTable: {
//设置代理,连接后台地址
'/api': {
target: , "http://"// 目标接口
pathRewrite: { '^/api': '' }, // 替换对应标识符，非必需
},
},
}
3. 在使用axios请求时：设置默认:axios.defaults.baseURL
之前设置的时候因为没有理解透，导致虽然设置了以上的步骤，但是还是没有搞定，于是搜索，就有了下面这个不算特别好的方法
1. axios请求拦截：设置请求接口,可以在axios请求时，拦截请求修改；
1. 在config/dev.env.js中配置完接口后进行配置
//设置axios 拦截配置
var root = process.env.API_ROOT;
axios.interceptors.request.use((config) => {
//请求之前重新拼装url
config.url = root + config.url;
return config;
})
这个axios的配置是因为我单独将axios的请求方法重新封装成了一个http.js文件写在里面的，具体细节可能会有差别
)
