vue配置相应的运行环境 环境变量
目的:
项目开发过程中,至少会经历开发环境、测试环境和生产环境(即正式环境)三个阶段。不同阶段请求的状态(如接口地址等)不尽相同,若手动切换接口地址是相当繁琐且易出错的。于是环境变量配置的需求就应运而生,我们只需做简单的配置,把环境状态切换的工作交给代码。
方法:
官网说的:
在根目录下创建.env.xxx文件,例如.env.development,.env.production,.env.staging,等等就是你想使用的相关运行环境的名称。
2>.
3.文件内容:
配置你需要切换的服务器连接地址,其他项目名称,以及打包后的文件地址。
4.使用:运行相关的命令 执行相应的环境
文件已创建好,配置语句也已写好。怎么用它呢?
首页你需要哪个环境,就执行哪个环境的命令语句。
比如我现在需要local环境,就执行 npm run local-serve