vue请求简单配置

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

转载于:https://www.cnblogs.com/xya-b/p/11090186.html