Vue cli3.0環境配置所遇到的問題

男兒欲遂平生志,五經勤向窗前讀

在使用 Vue cli3.0我們目前都會在下面的文件中進行全局環境變量的配置工作

.env
.env.development
.env.production

今天幫忙處理別人的項目,遇到的一個奇葩問題

其它模塊訪問設置的環境變量結果爲undefined。(PS:前提是變量名已經以VUE_APP_XX的格式來命名)

網上搜出來的答案基本都是千篇一律,解決不了我的問題。Github上也有人遇到相同的問題


解決方案彙總

我出錯的原因是:.env文件沒有放在根目錄下所導致的。這兩篇文章將出錯的原因及對應的解決方案都給出來啦。希望能夠幫助大家。

  1. Vue-cli 3環境變量均未定義undefined
  2. Vue-cli 3 Environment Variables all undefined

VUE Cli環境變量官方文檔

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章