如何在NextJS应用程序中访问URL？

构建时间配置

module.exports = {
  env: {
    customKey: 'value',
  },
}

这将允许您在代码中使用process.env.customKey。例如：

function Index() {
    return <h1>The value of customKey is: {process.env.customKey}</h1>
}

export default Index

运行时配置

您可以设置next.config.js文件

// next.config.js
module.exports = {
  serverRuntimeConfig: {
    // Will only be available on the server side
    mySecret: 'secret',
    secondSecret: process.env.SECOND_SECRET, // Pass through env variables
  },
  publicRuntimeConfig: {
    // Will be available on both server and client
    staticFolder: '/static',
  },
}

然后从中访问值 next/config

// pages/index.js
import getConfig from 'next/config'
// Only holds serverRuntimeConfig and publicRuntimeConfig from next.config.js nothing else.
const { serverRuntimeConfig, publicRuntimeConfig } = getConfig()

Next Runtime config