前端-环境变量配置(vue)

说明

一个实际开发项目最少有两种环境：

1. 开发环境: 程序员正在开发项目;
2. 生产环境: 程序员的代码已经写完了，项目已经上线了;

当然除此以外, 根据实际情况还有预发布环境、测试环境等…但是以上2个环境是最低要求

---

配置环境变量

注意: 修改任一环境变量之后，需要重启服务器

配置开发环境（npm run serve）

1. 在项目的根目录下创建一个文件： .env.development
2. 在文件中添加我们要配置的变量：
     + 变量名结构： VUE_APP_XXX
     + 例如： VUE_APP_BASEURL=http:\\localhost:3000
3. 在要使用的位置获取：
   • process.env.VUE_APP_BASEURL

配置生产环境（npm run build）

1. 在项目的根目录下创建一个文件： .env.production
2. 在文件中添加我们要配置的变量：
     + 变量名结构： VUE_APP_XXX
     + 例如： VUE_APP_BASEURL=http:\\localhost:3000
3. 在要使用的位置获取：
   • process.env.VUE_APP_BASEURL