無法從 Next.js 中的 React 組件訪問 env

Question

我有一個 Next.js 項目。 我已經創建了.env文件並在 server.js 文件中使用了該文件中的環境。 但是當我想從組件訪問這些環境時，我無法訪問。 我應該怎么辦？

這是.env 文件：

SERVER_PORT=3000
DOMAIN=127.0.0.1
DATABASE=dburl

這是 server.js 文件：

require('dotenv/config')

const port = process.env.SERVER_PORT || 3000
server.listen(port, (err) => {
      if(err) throw err
      console.log(`Server listen on http://127.0.0.1:${port}`)
    })

這是反應的任何組成部分：

axios
    .get(`http://${process.env.DOMAIN}/api/improve-language`)
    .then(res => {
      ...
    })
    .catch(err =>{
      console.log(err)
    })

Answer 1

根據文檔，如果您想在瀏覽器中使用環境變量，它們必須是帶有前綴NEXT_PUBLIC_的名稱。 希望這可以幫助