VUE2配置proxy代理、开发环境、测试环境、生产环境

1、根目录下新建三个环境的配置文件，.env.development（开发环境）.env.test（测试环境）.evn.production（生产环境）
开发环境
NODE_ENV = 'development'

开发环境，api前缀

VUE_APP_BASE_API = '/api'

开发环境，Url地址

VUE_APP_BASE_RUL = 'http://xxxxxxxxxxxxx:8081/****

生产环境

NODE_ENV = 'production'

生产环境，api前缀

VUE_APP_BASE_API = '/prod-api'

生产环境，Url地址

VUE_APP_BASE_RUL = 'http://xxxxxxxxxx:8081/'

可以使用 process.env.xxx 来访问属性

2 // webpack-dev-server 相关配置
devServer: { // 设置代理
host: '0.0.0.0', //
port: 80, //自定义端口
https: false, //false关闭https，true为开启
open: true, //自动打开浏览器
proxy: {
[process.env.VUE_APP_BASE_API]: { //同济医院地址
target: process.env.VUE_APP_BASE_RUL,
// 如果要代理 websockets
ws: true,
changeOrigin: true,
pathRewrite: { //重写路径，这种是没有我们定义的前缀
['^' + process.env.VUE_APP_BASE_API]: ''
}
}
}
},

3 、axios 配置baseURL
baseURL: process.env.VUE_APP_BASE_API

参考文献 https://www.cnblogs.com/fenle/p/16193779.html
https://blog.csdn.net/coinisi_li/article/details/128547778