Logo

# Vue2教程 - 21 多环境配置与发布

在实际的开发中，项目会分为生产和测试环境，针对不同的环境会有不同的配置，例如服务器地址等。

所以需要针对不同的环境使用不同的配置文件，总不能每次都修改，容易出错。

# 21.1 创建配置文件

vue-cli 3.0相对简单，只需要在项目根目录创建.env文件即可。

  1. 创建普通全局变量 .env
  2. 创建开发环境变量 .env.development
  3. 创建测试环境变量 .env.test
  4. 创建生产环境变量 .env.production

在每个文件中，定义不同环境变量的格式是：VUE_APP_变量名=值。例如：

# 在.env.development文件中
VUE_APP_API_URL=http://localhost:8080/api

# 在.env.test文件中
VUE_APP_API_URL=https://test.doubibiji.com/api

# 在.env.production文件中
VUE_APP_API_URL=https://www.doubibiji.com/api
1
2
3
4
5
6
7
8

# 21.2 使用环境变量

在 Vue 组件或 JavaScript 文件中，可以通过 process.env 访问这些变量。例如：

内容未完......
查看完整内容 →

←