Vue3.0 多环境配置

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 // 生产环境