项目的开发流程 和 多环境变量的配置

项目开发流程

一个项目从零开始

1.客户提出的要求 项目经理设计页面

客户提出需求 每个公司都有自己的产品经理 产品经理拿到项目简称ue 产品经理会根据客户的需求去设计项目 画一个原型图 跟客户商量确认需求 确认需求之后ui工程师开始设计 然后后端开始设计接口 前端写页面 前端可以先用json

2.前端开发 后端写接口

写假数据 等后端设计好接口后使用接口数据 mouke.js可以模拟一个假的接口数据 写的过程中叫生成环境

3.前后端联调

前后端都开发完毕后 进行前后端联调 联调的是接口 要不要联调取决你用的是不是假数据 如果要请求接口后就需要联调

4.测试

测试会出现bug，测试工程师会把bug写在禅道上面，我们会修改bug，修改完成后，测试就结束了 （修改完后要协商自己的姓名，修改日期）

5.上线到服务器

测试完就需要上线 开发环境请求的可能是一个本地的接口 请求的后台接口会变化 不想修改代码的话就要配置多环境变量

多环境变量

 VUE_APP_* 变量之外，在你的应用代码中始终可用的还有两个特殊的变量NODE_ENV 和BASE_URL

多环境变量分为：开发环境，生产环境，npm run build运行的就是生产环境

多环境变量的配置过程

• package.json 中的scripts 中添加 "test":'vue-cli-service build --mode test' 这是测试环境

• 在项目中创建三个文件 分别是：

  .env放环境变量的文件

  • 1. .env.production 存放生产环境的变量

    2. .env.development 存放开发环境的变量

    3. .env.test 存放测试环境的变量

• 在.env.development 存放开发环境的变量 文件中 设置 ：

  NODE_ENV ='development' 或者 VUE_APP_BASE_URL = '/api'

• 进入main.js 给axios配置公共的baseURL

  axios.defaults.baseURL= process.env. VUE_APP_BASE_URL

  baseURL 地址 有三种环境

  开发（development） 测试（test） 生产（production）

• 进入vue.config.js文件

  打包命令 npm run build 需要在vue.config.js中的devServer中设置 publicPath:'./'

`就算不创建 .env.development 和.env.production 和.env.test 也可以写process.env.NODE_ENV 有默认值 就是development prodcution `