1.vue.config.js
中配置不同的前缀,以及所对应的后台地址
devServer: {
proxy: {
"/api": {
target: "http://172.xx.x.xxx:xxxx", // 地址1 //表示/api替换成该地址
changeOrigin: true,
pathRewrite: {
"^/api": "", //重写api为空
},
},
"/sucHttp": {
target: "http://172.xx.x.xxx:xxxx", // 地址2 //表示/sucHttp替换成该地址
changeOrigin: true,
pathRewrite: {
"^/sucHttp": "" //重写sucHttp为空
}
},
},
},
2.main.js
中配置axios(默认api)
import axios from 'axios';
if (process.env.NODE_ENV === 'development') {
//开发环境 do something
axios.defaults.baseURL = './api';
} else {
//生产环境 do something
axios.defaults.baseURL = '';
}
Vue.prototype.$http = axios; 创建$http