vue-cli配置多环境变量

配置多环境打包

如有开发环境、测试环境、生产环境

1.开发环境，创建.env.development文件

VUE_APP_BASEURL="http://192.168.0.136:8088"

2.测试环境，创建.env.test文件

VUE_APP_BASEURL="http://test.baidu.com"

3.生产环境，创建.env.production文件

VUE_APP_BASEURL="http://www.baidu.com"

package.json文件的配置

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "test": "vue-cli-service build --mode test"
  },

打包命令

1.打生产包

npm run build

2.打测试包

npm run test

注：如果有更多的环境变量，类似配置。

打包后的dist目录如何启动？

安装web 服务

npm i -g serve

启动

serve dist