Next.js 13集成Clerk Auth：如何让条款/隐私页免认证访问？

方法1：通过Clerk中间件排除公共路由 #

要是你项目里用了Clerk的中间件（middleware.ts），直接把(landing)下的页面加到公共路由列表里，让Clerk跳过这些页面的认证检查就行：

1. 打开项目根目录的middleware.ts（没有的话就新建一个）
2. 修改配置，把(landing)相关路径放进publicRoutes数组：

import { authMiddleware } from "@clerk/nextjs";

export default authMiddleware({
  // 这里列出来的路由都不用认证就能访问
  publicRoutes: ["/(landing)", "/(landing)/terms"],
  // 要是想让整个(landing)组下的页面都免认证，也可以用通配符："/(landing)/:path*"
});

export const config = {
  matcher: ["/((?!.+\\.[\\w]+$|_next).*)", "/", "/(api|trpc)(.*)"],
};

这样Clerk就不会给(landing)下的主页和条款页弹登录框了。

方法2：页面组件单独控制（可选） #

如果只是个别页面要免认证，也可以在页面组件里别用Clerk的保护组件就行：

比如terms.tsx里：

// 别导入<ClerkProvider>之外的保护组件（比如<Protect>）
export default function TermsPage() {
  return (
    <div>
      <h1>服务条款</h1>
      {/* 这里放条款内容 */}
    </div>
  );
}

注意：这种方法得确保中间件没强制要求该路由认证，不然还是会被拦截。

重点提醒 #

• 路由匹配要准确，比如/(landing)对应路由组的根页面，/(landing)/terms对应条款页，用/(landing)/:path*可以匹配整个组下的所有子页面
• 要是你Clerk配置里设了afterSignInUrl或者afterSignUpUrl，别让这些跳转路径影响公共页面的访问

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