vue-cli3修改配置实现多环境打包

1.根目录下创建对应的.env.[name]文件

image.png

.env.test文件内容

image.png

2.package.json文件中添加相应的打包命令

image.png

3.在vue.config.js文件中修改outputDir参数

image.png

4.最后可以在项目中根据不同环境使用不用的api地址了

image.png

关于为什么要这么做请参看vue-cli官方关于环境变量和模式的说明

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

推荐阅读更多精彩内容