Next.js 13中如何在Server Component无需"use client"实现用户重定向？

在Next.js 13+的App Router架构下，Server Component本身支持直接使用内置重定向函数，完全不需要依赖"use client"指令，核心实现方法如下：

1. 使用redirect()临时重定向 #

这是最常用的场景，比如用户未授权时跳转到登录页，直接在Server Component的服务器端逻辑中调用redirect()即可，函数会触发服务器端的307临时重定向响应。

代码示例： #

import { redirect } from 'next/navigation';

export default async function ProtectedPage() {
  // 模拟从数据库/会话中获取用户信息（服务器端操作）
  const user = await fetchUserFromDatabase();

  // 若用户未登录，直接触发重定向
  if (!user) {
    redirect('/login');
  }

  return (
    <div>
      <h2>受保护的页面内容</h2>
      {/* 页面渲染内容 */}
    </div>
  );
}

2. 使用permanentRedirect()永久重定向 #

如果是需要搜索引擎识别的永久重定向（比如页面地址变更），可以用permanentRedirect()，它会返回308永久重定向响应。

代码示例： #

import { permanentRedirect } from 'next/navigation';

export default async function OldPage() {
  // 永久重定向到新页面
  permanentRedirect('/new-page');
}

注意事项 #

• redirect()和permanentRedirect()必须在组件开始渲染前调用，不能在组件渲染完成后或者客户端生命周期钩子中执行（Server Component没有客户端生命周期）。
• 调用重定向函数后，组件后续的渲染逻辑会被终止，Next.js会直接返回重定向响应给浏览器。

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