Next.js 獨立不讀取環境文件

Question

我對我的 Next.js 項目有疑問。

我已將我的項目配置為通過獨立模式構建以進行部署

experimental: {
    outputStandalone: true
}

使用它，它會為我生成一個帶有預期的server.js的獨立文件夾。

主要問題是我在源代碼中使用了一個環境變量，稱為NEXT_PUBLIC_API_BASE_URL

當我以開發模式（使用next serve ）啟動我的項目時，它工作正常。

但是當我啟動獨立生成的文件（使用node server.js ）它不起作用。

似乎該文件是在“服務器端”加載的，當我在.next/standalone/server/pages/_app.js中console.log它的值時，它在節點控制台中顯示了正確的值。

但看起來下一個正在使用.next/static/chunks/pages/下的文件和另一個似乎無法訪問 process.env 的 app.js（在瀏覽器端）。

我認為在我的 env var 前面加上NEXT_PUBLIC是為了以這種方式工作，但似乎不是。

關於它如何在那里工作的任何想法？

Answer 1

在您的構建服務器上，創建文件名“.env”並放置所有環境。

NEXT_PUBLIC_API_BASE_URL=https://api.example.com

請參考文檔