【问题标题】:How to access .env variable inside _app.js file如何访问 _app.js 文件中的 .env 变量
【发布时间】:2021-01-03 04:36:35
【问题描述】:

环境文件

ID=123

我可以通过以下方式访问我的 pages/index.js 文件中的这个变量 ${process.env.ID} 但是当我在我的 _app.js 文件中尝试相同时,它给出未定义,任何人都可以建议我如何在我的 _app.js 文件中访问它。

【问题讨论】:

    标签: reactjs environment-variables next.js


    【解决方案1】:

    在 next.config.js 中,定义

    env: { ID: process.env.ID },

    【讨论】:

    • 那我怎么在 _app.js 中调用它 我试过你的解决方案并在 _app.js 中调用了 ${process.env.ID} ,仍然未定义
    • @PujaGarg 你可以像“ID”一样直接在_app.js中使用。
    【解决方案2】:

    您可以使用process.env,但出于安全原因,变量需要以NEXT_PUBLIC_ 开头(解释为here)。

    .env

    NEXT_PUBLIC_ID=123
    

    _app.js(或任何前端代码)中,

    process.env.NEXT_PUBLIC_ID
    

    【讨论】:

      猜你喜欢
      • 2021-08-07
      • 2023-01-07
      • 1970-01-01
      • 2017-07-26
      • 2023-01-23
      • 2021-02-19
      • 2016-06-11
      • 2019-12-03
      • 1970-01-01
      相关资源
      最近更新 更多