Vue 建置後 .env.Production 變數未定義

Question

我的Vue 2.2.3 專案中有兩個.env 文件，.env.development 和.env.development。

在每個.env 文件中，我已將VUE_APP_API_URL 變數分配給不同的值- 一個用於我的本地開發環境，另一個用於生產伺服器。

運行 npm run build 將應用程式編譯到本地 dist 資料夾中，沒有任何問題。但是，當我將 dist 部署到我的伺服器時，在我的 Vue 應用程式中記錄 VUE_APP_API_URL 會返回 undefined

這是我第一次這樣做，所以我可能會遺漏一些東西。為了讓 .env.production URL 能夠與建置一起使用，我還必須做其他事情嗎？

預先感謝您的幫忙！

Answer 1

我的建議是：不要太複雜。只需使用一個 .env 檔案。

請確保不要將其推送到儲存庫，否則它將被公開。僅此而已。

我的配置是：.env for dev，其中包含常數。

然後在生產環境中您只需在那裡設定變數即可。