1. 項目中的.env.development和.env.production文件是啥 · vue.js

### vue項目使用.env文件配置全局環境變量關于文件名：必須以如下方式命名，不要亂起名，也無需專門手動控制加載哪個文件 .env 全局默認配置文件，不論什么環境都會加載合并 .env.development 開發環境下的配置文件 .env.production 生產環境下的配置文件 ![](https://img-blog.csdnimg.cn/20190705104526315.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3c0MDU3MjI5MDc=,size_16,color_FFFFFF,t_70) \================================================================================================ 關于文件內容：注意：屬性名必須以VUE\_APP\_開頭，比如VUE\_APP\_XXX .env： ![](https://img-blog.csdnimg.cn/20190705105850614.png) .env.development： ![](https://img-blog.csdnimg.cn/20190705105825851.png) \================================================================================================ 關于文件的加載：根據啟動命令vue會自動加載對應的環境，vue是根據文件名進行加載的，所以上面說“不要亂起名，也無需專門控制加載哪個文件” 比如執行npm run serve命令，會自動加載.env.development文件啟動項目： ![](https://img-blog.csdnimg.cn/20190705105053634.png) 打印process.env屬性（全局屬性，任何地方均可使用）： ![](https://img-blog.csdnimg.cn/20190705105759859.png) ![](https://img-blog.csdnimg.cn/20190705105149694.png) 可見NODE\_ENV被改為了development，覆蓋掉了.env中的全局屬性 .env中的全局屬性NODE\_ENV、VUE\_APP\_URL被覆蓋， .env中的全局屬性VUE\_APP\_PREVIEW、VUE\_APP\_DEFAULT\_PARAM被保留