(1)vue cli4 配置多環(huán)境問題
解決方法：
① 在根路徑下創(chuàng)建 .env.XXX 文件例获，設(shè)置全局變量以VUE_AP_XXX_XXX看開頭
基本格式如下：
NODE_ENV=環(huán)境名稱
VUE_APP_URL=對(duì)應(yīng)的環(huán)境地址
② 在package.json中script配置命令可以通過傳遞 --mode 來配置不同的模式。
③ 在axios重寫變量baseUrl變量即可
image.png
(2)vue cli4 配置正向代理
①在根路徑下找到vue.config.js 創(chuàng)建proxy對(duì)象通過全局變量去替換代理字段
target: 'https:xxxxxxxxxx' ,
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''
},
cookieDomainRewrite: {
'*': 'localhost'
}
正向代理.png
② 去.env.XXX文件把地址替換成代理字段
配置地址.png
