1. vue 中有个概念就是模式，Vue CLI 项目有三个模式：

• development 模式用于 vue-cli-service serve
• test 模式用于 vue-cli-service test:unit
• production 模式用于 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": "vue-cli-service build --mode test",
    "prod": "vue-cli-service serve",
    "build:prod": "vue-cli-service build --mode production",
    "preview": "node build/index.js --preview",
    "lint": "eslint --ext .js,.vue src"
  },

5.运行

serve是运行，build是打包
如果运行的是开发环境，npm run dev，运行其它环境选择scripts对应环境的名字