(1)vue cli4 配置多环境问题
解决方法：
① 在根路径下创建 .env.XXX 文件，设置全局变量以VUE_AP_XXX_XXX看开头
基本格式如下：
NODE_ENV=环境名称
VUE_APP_URL=对应的环境地址
② 在package.json中script配置命令可以通过传递 --mode 来配置不同的模式。
③ 在axios重写变量baseUrl变量即可
image.png
(2)vue cli4 配置正向代理
①在根路径下找到vue.config.js 创建proxy对象通过全局变量去替换代理字段
target: 'https:xxxxxxxxxx' ,
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''
},
cookieDomainRewrite: {
'*': 'localhost'
}
正向代理.png
② 去.env.XXX文件把地址替换成代理字段
配置地址.png
网友评论