1. vue 中有个概念就是模式,Vue CLI 项目有三个模式:
development 模式用于 vue-cli-service servetest 模式用于 vue-cli-service test:unitproduction 模式用于 vue-cli-service build 和 vue-cli-service test:e2e开发环境(development)
测试环境(test )
生产环境(production )
2. 创建不同环境变量文件:
创建 .env结尾的环境变量文件,增加后缀来区分特有的环境模式。以development模式为例:文件名未.env.development
3. 给.env文件添加内容:
# 开发环境配置ENV = development# 路径VUE_APP_BASE_API = 地址# 路由懒加载VUE_CLI_BABEL_TRANSPILE_MODULES = true# 端口port=8090
4.在package.json中添加不同环境对应的执行语句
"scripts": {"dev": "vue-cli-service serve","test": "vue-cli-service serve","build:test":