在Next.js的middleware.ts中用supabase.auth.getUser()实现重定向可行吗？

当然可以在Next.js的Middleware里统一处理Supabase相关的页面重定向，这恰恰是解决多页面场景下认证逻辑冗余的最优方案。不过你提供的代码存在一个关键问题——没有基于当前请求正确初始化Supabase客户端，直接调用全局的supabase.auth.getUser()无法获取到当前用户的会话信息，因为Middleware需要依赖请求中的Cookie来识别用户。

修正后的完整实现代码 #

import { createMiddlewareClient } from '@supabase/auth-helpers-nextjs'
import { NextResponse } from 'next/server'
import type { NextRequest } from 'next/server'

export async function middleware(request: NextRequest) {
  const res = NextResponse.next()
  // 基于当前请求和响应创建Supabase客户端，确保能读取/写入会话Cookie
  const supabase = createMiddlewareClient({ req: request, res })

  // 获取当前登录用户
  const { data: { user } } = await supabase.auth.getUser()

  // 规则1：未登录用户访问受保护路径（如/account开头的页面），重定向到首页
  if (!user && request.nextUrl.pathname.startsWith('/account')) {
    return NextResponse.redirect(new URL('/', request.url))
  }

  // 规则2：已登录用户访问登录/注册页，自动重定向到账号页（可选）
  if (user && ['/login', '/signup'].includes(request.nextUrl.pathname)) {
    return NextResponse.redirect(new URL('/account', request.url))
  }

  // 返回响应，Supabase会自动更新会话Cookie
  return res
}

// 配置Middleware的匹配路径，只拦截需要处理认证的页面，提升性能
export const config = {
  matcher: ['/account/:path*', '/login', '/signup'],
}

关键注意事项 #

• 必须使用createMiddlewareClient：这是Supabase专门为Next.js Middleware提供的初始化方法，它会自动处理请求中的Cookie，确保能正确获取当前用户的会话。
• 重定向要用NextResponse.redirect：Next.js Middleware要求返回NextResponse对象，直接调用redirect函数会报错，需要用new URL()指定跳转目标和基准URL。
• 精准配置匹配路径：通过config.matcher指定需要拦截的路径，避免Middleware处理所有请求（比如静态资源、API路由等），提升应用性能。
• 会话自动维护：使用createMiddlewareClient创建的客户端会自动在响应中更新会话Cookie，无需手动调用额外的updateSession方法。

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