vue項目使用.env文件配置全局環境變量

前言

今天項目中看到各種.env,.env.dev等文件，於是百度學習了具體怎么使用。

const PROXY_API = process.env.VUE_APP_PROXY_API;

使用

這些配置文件主要是替換掉全局的process的env，通過在不通文件中配置不同的環境變量，
關於文件名：必須以如下方式命名，不要亂起名，也無需專門手動控制加載哪個文件

.env 全局默認配置文件，不論什么環境都會加載合並

.env.development 開發環境下的配置文件

.env.production 生產環境下的配置文

關於文件內容：

注意：屬性名必須以VUE_APP_開頭，比如VUE_APP_XXX

NODE_ENV='production'
VUE_APP_CURRENTMODE = 'production'
VUE_APP_PROXY_API = 'ocmapi'

關於文件的加載：

根據啟動命令vue會自動加載對應的環境，vue是根據文件名進行加載的，所以上面說“不要亂起名，也無需專門控制加載哪個文件”

比如執行npm run serve命令，會自動加載.env.development文件