在 Next.js App Router 中使用仅在服务端的代码

作者：System 时间：2024年08月16日分类：所有,javascript 字数：701

在Next.js中，如果你想要在服务端运行的代码只在服务端执行，你可以使用process这个全局变量来判断代码当前运行的环境。

Next.js在服务端会有一个process对象，它有一个env属性，该属性在服务端为"browser"，而在客户端为"render"。因此，你可以通过检查process.env.NODE_ENV来判断代码是在客户端还是服务端运行。

以下是一个在Next.js中仅在服务端运行的代码示例：




if (process.env.NODE_ENV !== 'production') {
  // 这段代码只会在服务端运行，因为在服务端 NODE_ENV 不会是 'production'
  console.log('这段代码只在服务端运行');
}

如果你想让代码仅在服务端导入模块，你可以使用条件导入和process.env.NODE_ENV来实现：




if (process.env.NODE_ENV !== 'production') {
  // 服务端代码，客户端将不会导入这个模块
  const onlyOnServerModule = require('some-server-only-module');
}

请注意，这种方法并不是Next.js官方推荐的做法，因为它可能会导致代码在客户端和服务端有不同的行为。官方推荐的做法是将所有代码都放在pages目录下，并通过路由来区分客户端和服务端的逻辑。