环境变量

vue-element-admin 4.0 之后是基于 vue-cli来进行构建,所以所有的环境变量配置都是基于vue-cli来实现和控制的。

官方文档环境变量 - 图1

  1. .env # 在所有的环境中被载入
  2. .env.[mode] # 只在指定的模式中被载入

一个环境文件只包含环境变量的“键=值”对:

  1. FOO=bar
  2. VUE_APP_SECRET=secret

注意!!!

环境变量必须以VUE_APP_为开头。如:VUE_APP_APIVUE_APP_TITLE

你在代码中可以通过如下方式获取:

  1. console.log(process.env.VUE_APP_xxxx)

除了 VUE_APP_* 变量之外,在你的应用代码中始终可用的还有两个特殊的变量:

  • NODE_ENV - 会是 “development”、”production” 或 “test” 中的一个。具体的值取决于应用运行的模式。
  • BASE_URL - 会和 vue.config.js 中的 publicPath 选项相符,即你的应用会部署到的基础路径。

构建相关

除了一些写在.env的环境变量之外,还有一些构建和部署相关的变量都是需要在vue.config.js中配置的。

你可以通过process.env.NODE_ENV来执行判断环境,来设置不同的参数。

具体代码可借鉴vue.config.js环境变量 - 图2