前言

今天項(xiàng)目中看到各種.env,.env.dev等文件，于是百度學(xué)習(xí)了具體怎么使用。

image.png

const PROXY_API = process.env.VUE_APP_PROXY_API;

使用

這些配置文件主要是替換掉全局的process的env，通過在不通文件中配置不同的環(huán)境變量，
關(guān)于文件名：必須以如下方式命名，不要亂起名，也無需專門手動(dòng)控制加載哪個(gè)文件

.env 全局默認(rèn)配置文件，不論什么環(huán)境都會(huì)加載合并

.env.development 開發(fā)環(huán)境下的配置文件

.env.production 生產(chǎn)環(huán)境下的配置文件

================================================================================================

關(guān)于文件內(nèi)容：

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

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

================================================================================================

關(guān)于文件的加載：

根據(jù)啟動(dòng)命令vue會(huì)自動(dòng)加載對(duì)應(yīng)的環(huán)境，vue是根據(jù)文件名進(jìn)行加載的，所以上面說“不要亂起名，也無需專門控制加載哪個(gè)文件”

比如執(zhí)行npm run serve命令，會(huì)自動(dòng)加載.env.development文件