配置多环境变量
一个项目产生的过程
1.客户提出需求 每个公司都有自己的产品经理 产品经理拿到项目简称ue 产品经理会根据客户的需求去设计项目 画一个原型图 跟客户商量确认需求 确认需求之后ui工程师开始设计 然后后端开始设计接口 前端写页面 前端可以先用json
2.客户如果有需求,我们就寻找公司制作
3.如果公司接单,把它交给产品经理制作原型图
4.原型图制作完成后,然后与客户确认
5.把它交于ui进行项目设计
6.设计完成,前后端开始工作,制作页面与后台的数据
7.最后,前后端共同调试,当然,一开始有数据的情况下,前端在工作时就需要调试完成
8.项目完成后,把它交给测试,还要改bug
9.测试通过后上线,一个项目就完成了
2.环境变量都有什么
1.开发环境development 并使用npm run serve启动
2.测试环境text他使用npm run text启动
3.上线环境production使用的是npm run build进行打包的
3.为什么要配置环境变量
1.他修改方便,不需要重启项目,也不需要改代码
4.环境变量配置的需求
以 VUE_APP_ 开头,可以通过 process.env.VUE_APP_ 访问。
比如,VUE_APP_ENV = ‘development’ 通过process.env.VUE_APP_ENV 访问。
除了 VUE_APP_* 变量之外,还有两个特殊的变量 NODE_ENV 和 BASE_URL
5.如何配置多环境变量
1."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 = "开发环境的请求网址的公共代码段"
新建 .env.test 文件写测试环境设置
注意事项
1.所有单词都是固定属性,不能修改
2.配置完成后需要重新启动下一个项目