- .env——全局默認配置文件,無論什么環境都會加載合並
- .env.development——開發環境下的配置文件
- .env.production——生產環境下的配置文件
注意:屬性名必須以VUE_APP_開頭,比如VUE_APP_xxx = "變量"
文件是如何加載的?
執行啟動命令后會自動加載對應的環境,vue是根據文件名進行加載的,所以不要亂起名字,也不用專門控制加載哪個文件。
如執行npm run serve,會自動加載.env.development文件。
如何使用變量?
直接調用process.env屬性(全局屬性,任何地方都可以使用)。
例如:直接打印process.env屬性:
可見NODE_ENV被改為了development,覆蓋掉了.env中的全局屬性
.env中的全局屬性NODE_ENV、VUE_APP_URL被覆蓋,
.env中的全局屬性VUE_APP_PREVIEW、VUE_APP_DEFAULT_PARAM被保留