Vue3 多环境配置

Vue3的配置比Vue2简化了很多

在项目根目录下新建 .env.dev(开发环境)、.env.test(测试环境) 、.env.prod(生产环境)文件，具体需要多少个环境根据需要决定，.env+后缀叫啥自己高兴就好，当然最好是能让别人也看明白最好。

• .env.dev

NODE_ENV = 'development'
VUE_APP_MODE = 'dev'
VUE_APP_API_HOST = '本地开发api地址'

其他的自己照搬，改改就好了

注意：自定义变量要以VUE_APP开头哈

• 修改package.json

 "test": "vue-cli-service serve --mode test", // 对应测试环境

   "dev": "vue-cli-service serve --mode dev", // 开发环境

   "build:prod": "vue-cli-service build --mode prod", // 生产环境打包

• 运行指令

npm run test // 测试环境

npm run dev // 开发环境

npm run build:prod // 生产环境