REACT_APP_API_URL 在 NextJS 中未定義

Question

我已將 a.env 文件添加到我的根文件夾並添加了以下變量。

REACT_APP_API_URL=http://localhost:4000

我在下面的組件中使用了它。

process.env.REACT_APP_API_URL

添加以上內容后，我重新啟動了 reactJS 應用程序並通過 npm 啟動運行該應用程序。 我在控制台中看到以下消息，但變量仍然給出了未定義的值。

就緒 - 在 0.0.0.0:3000、url 上啟動服務器：http://localhost:3000

信息 - 從 D:\ReactJsProj.env 加載環境

信息 - 使用 webpack 5. 原因：沒有 next.config.js https://nextjs.org/docs/messages/webpack5

Answer 1

看來您只想更改端口，而不是整個應用程序 url。所以只需在您的.env文件中執行此操作：

PORT=4000

然后重新啟動開發服務器。 它會做的工作！

Answer 2

在 nextjs 中，您應該在.env.locale中添加環境變量