vue cli4 配置多环境问题以及vue-admin配置正向代理

(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