(十九)vue配置相应的运行环境 环境变量

vue配置相应的运行环境 环境变量

参考文章https://www.cnblogs.com/sese/p/11905402.html

目的：

项目开发过程中，至少会经历开发环境、测试环境和生产环境(即正式环境)三个阶段。不同阶段请求的状态(如接口地址等)不尽相同，若手动切换接口地址是相当繁琐且易出错的。于是环境变量配置的需求就应运而生，我们只需做简单的配置，把环境状态切换的工作交给代码。

方法：

官网说的：

在根目录下创建.env.xxx文件，例如.env.development,.env.production,.env.staging，等等就是你想使用的相关运行环境的名称。
2>.
3.文件内容：
配置你需要切换的服务器连接地址，其他项目名称，以及打包后的文件地址。

4.使用：运行相关的命令 执行相应的环境
文件已创建好，配置语句也已写好。怎么用它呢？

首页你需要哪个环境，就执行哪个环境的命令语句。

比如我现在需要local环境，就执行 npm run local-serve