Vue 建置後 .env.Production 變數未定義
P粉897881626
2023-08-29 17:52:12
<p>我的Vue 2.2.3 專案中有兩個<code>.env</code> 文件,<code>.env.development</code> 和<code>.env.development</ code>。 </p>
<p>在每個<code>.env</code> 文件中,我已將<code>VUE_APP_API_URL</code> 變數分配給不同的值- 一個用於我的本地開發環境,另一個用於生產伺服器。 </p>
<p>運行 <code>npm run build</code> 將應用程式編譯到本地 <code>dist</code> 資料夾中,沒有任何問題。但是,當我將 <code>dist</code> 部署到我的伺服器時,在我的 Vue 應用程式中記錄 <code>VUE_APP_API_URL</code> 會返回 <code>undefined</code> </p>
<p>這是我第一次這樣做,所以我可能會遺漏一些東西。為了讓 <code>.env.production</code> URL 能夠與建置一起使用,我還必須做其他事情嗎? </p>
<p>預先感謝您的幫忙! </p>
我的建議是:不要太複雜。只需使用一個 .env 檔案。
請確保不要將其推送到儲存庫,否則它將被公開。僅此而已。
我的配置是:.env for dev,其中包含常數。
然後在生產環境中您只需在那裡設定變數即可。