# 環境變量 `vue-element-admin`4.0 之后是基于`vue-cli`來進行構建，所以所有的環境變量配置都是基于`vue-cli`來實現和控制的。 [官方文檔](https://cli.vuejs.org/zh/guide/mode-and-env.html) ~~~ .env # 在所有的環境中被載入 .env.[mode] # 只在指定的模式中被載入 ~~~ 一個環境文件只包含環境變量的“鍵=值”對： ~~~ FOO=bar VUE_APP_SECRET=secret ~~~ 注意！！！ 環境變量必須以`VUE_APP_`為開頭。如:`VUE_APP_API`、`VUE_APP_TITLE` 你在代碼中可以通過如下方式獲取: ~~~ console.log(process.env.VUE_APP_xxxx) ~~~ 除了`VUE_APP_*`變量之外，在你的應用代碼中始終可用的還有兩個特殊的變量： * `NODE_ENV`\- 會是 "development"、"production" 或 "test" 中的一個。具體的值取決于應用運行的模式。 * `BASE_URL`\- 會和`vue.config.js`中的`publicPath`選項相符，即你的應用會部署到的基礎路徑。 ### [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/env.html#%E6%9E%84%E5%BB%BA%E7%9B%B8%E5%85%B3)構建相關 除了一些寫在`.env`的環境變量之外，還有一些構建和部署相關的變量都是需要在`vue.config.js`中配置的。 你可以通過`process.env.NODE_ENV`來執行判斷環境，來設置不同的參數。 具體代碼可借鑒[vue.config.js](https://github.com/PanJiaChen/vue-element-admin/blob/master/vue.config.js)