开发环境的介绍：

1. 开发环境
2. 生产环境 (npm run build) 放到线上服务器上面
3. 测试环境
项目的开发流程
公司要从零开始创建一个项目
3.1 客户提出需求(各种各样的需求)
3.2 产品经理：设计产品 (ue 产品经理) 产品经理会根据客户的需求来设计产品，产品经理画出来一个原型图 和客户确认需求
3.3 UI工程师根据原型图设计出ui设计图
3.4 前端和后端上线 后段开始写接口 前端写页面 (后端有无接口)，用JSON数据写一个假数据(假数据有多种方案，第一种是自己写JSON数据，第二种是mok模拟接口数据)[生产环境]
3.5 前后端联调(前后端一起测试页面)把假数据换成帧数据
3.6 测试(测试分为前端测试和后端测试) 如果有bug就把bug返回到你这儿，类似于禅道这个软件来提交bug
3.7 测试通过要进行上线，本地测试完之后在进行上线
3.8 后台接口改变，要随之改变接口
配置多环境变量不需要修改代码以不同的方式来启动代码

环境变量都有什么：

开发环境 development 使用 npm run serve 启动

测试环境 test 使用 npm run test 启动

上线环境 production 使用 npm run build 进行打包

为什么要配置环境变量

修改方便，无需重启项目，无需改代码

环境变量配置的要求
 以 VUE_APP_ 开头，可以通过 process.env.VUE_APP_ 访问。
 比如,VUE_APP_ENV = 'development' 通过process.env.VUE_APP_ENV 访问。
 除了 VUE_APP_* 变量之外，还有两个特殊的变量 NODE_ENV 和 BASE_URL
 

如何配置多环境变量

 1. 在 package.json  中的  scripts  里设置多个环境变量

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

2. 新建 .env.development 文件写开发环境设置

NOOE_ENV = "development"
 
VUE_APP_BASE_URL = "开发环境的请求网址的公共代码段"

       2.1 新建 .env.test 文件写测试环境设置

VUE_APP_BASE_URL = "测试环境的请求代码段"

       2.2    新建 .env.production 文件写上线环境测试

VUE_APP_BASE_URL = "上线环境的请求代码段"

3. 修改给axios请求配置请求公共代码

const server = axios.create({
    baseURL:process.env.VUE_APP_BASE_URL,
    timeout: 6000
})

注意事项：

1. 所有单词都是固定属性，不能修改

2. 配置完成后需要重新启动一下项目