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官方关于环境变量和模式的说明