简单记录一下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文件写在里面的,具体细节可能会有差别