.env 文件配置
文件說(shuō)明
.env:全局默認(rèn)配置文件,無(wú)論什么環(huán)境都會(huì)加載合并抓半。
.env.development:開(kāi)發(fā)環(huán)境的配置文件
.env.production:生產(chǎn)環(huán)境的配置文件
注意:三個(gè)文件的文件名必須按上面方式命名喂急,不能亂起名,否則讀取不到文件笛求。
內(nèi)容格式
注意:屬性名必須以 VUE_APP_ 開(kāi)頭煮岁,如:VUE_APP_XXX
加載
vue 會(huì)根據(jù)啟動(dòng)命令自動(dòng)加載相對(duì)應(yīng)的環(huán)境配置文件。
開(kāi)發(fā)環(huán)境加載 .env
和 .env.development
涣易。
生成環(huán)境加載 .env
和 .env.production
画机。
優(yōu)先級(jí)
環(huán)境配置文件 > 全局配置文件
當(dāng)全局的配置文件和環(huán)境的配置文件有相同配置項(xiàng)時(shí),環(huán)境的配置項(xiàng)會(huì)覆蓋全局的配置項(xiàng)
如:
開(kāi)發(fā)環(huán)境
打印 process.env 屬性
從上面圖片中可知新症,.env 中的全局屬性 VUE_APP_PREVIEW 與 VUE_APP_API_BASE_URL 被覆蓋步氏。
.env 中的全局屬性 VUE_APP_AGE 被保留。
項(xiàng)目中的使用
在配置文件中定義的屬性在其它文件中如何訪(fǎng)問(wèn)呢徒爹?荚醒?
可以使用 process.env.xxx
來(lái)訪(fǎng)問(wèn)屬性芋类。
如:
筆記原文參考 https://blog.csdn.net/cezlz/article/details/108100460