Next.js页面能否无需React组件实现程序化HTTP重定向？

能否去掉React组件实现重定向页面？ #

不行。在Next.js中，使用getServerSideProps的页面文件必须导出一个React组件——哪怕是你代码里那种返回空JSX的组件。这是框架的硬性要求，getServerSideProps需要和组件导出绑定，框架才能正确识别并执行服务端重定向逻辑。

用API路由实现重定向的方法 #

你可以在pages/api目录下创建API路由文件，直接通过设置HTTP响应头完成重定向，完全不需要React组件。具体实现如下：

临时重定向（对应原代码permanent: false） #

// pages/api/redirect.ts
export default function handler(req, res) {
  const destination = '/';
  // 临时重定向使用302状态码
  res.writeHead(302, { Location: destination });
  res.end();
}

永久重定向（对应原代码permanent: true） #

如果需要永久重定向，只需修改响应状态码为301：

// pages/api/redirect.ts
export default function handler(req, res) {
  const destination = '/';
  // 永久重定向使用301状态码
  res.writeHead(301, { Location: destination });
  res.end();
}

当用户访问/api/redirect时，服务器会直接返回重定向响应，无需渲染任何React组件。

内容的提问来源于stack exchange，提问作者Rodrigo