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
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。