Jika pengesahan berjaya, NextJS ubah hala dari halaman log masuk ke halaman papan pemuka

Question

Dengan contoh ini, saya boleh mengubah hala nextjs ke halaman tertentu, seperti halaman log masuk, jika seseorang tidak disahkan. Walau bagaimanapun, bagaimana saya boleh mengubah suai ini supaya jika pengguna disahkan dan halaman itu adalah seperti halaman log masuk, ubah hala mereka ke papan pemuka atau halaman lain? Adakah terdapat konfigurasi yang boleh mencapai ini? Sesuatu seperti matcher akan mengekalkan URL peribadi dengan baik. Tetapi bagaimanakah saya boleh membetulkannya untuk URL awam tertentu yang saya tidak mahu pengguna akses semasa log masuk? Adakah ini mungkin?

import { NextRequest, NextResponse } daripada 'next/server'

eksport middleware fungsi async(req: NextRequest, res: NextResponse) {
  token const = req.headers.get('token') // TODO: Dapatkan token daripada pengepala permintaan
  const userIsAuthenticated = false // TODO: Semak sama ada pengguna disahkan
  console.log('middleware.ts', 'token', token);
  jika (!userIsAuthenticated) {
    const signinUrl = URL baharu('/log masuk', req.url)
    kembalikan NextResponse.redirect(signinUrl)
  }

  

  kembalikan NextResponse.next()
}

// Di sini anda boleh menentukan semua laluan di mana fungsi middleware ini harus dijalankan
// Menyokong nilai rentetan tunggal atau tatasusunan padanan
eksport const config = {
  pemadan: ['/api/auth/:path*', '/'],
}

Answer 1

Dengan mengandaikan anda menggunakan Next-Auth untuk mengesahkan:

Gunakan withAuth包装中间件，并使用Next-Auth提供的token变量验证会话，然后根据会话的有效性重定向到您希望的route.

Berikut ialah kod TS yang boleh membantu:

import { NextResponse } from 'next/server';
import { withAuth, NextRequestWithAuth } from 'next-auth/middleware';

export default withAuth(function middleware (request: NextRequestWithAuth) {
    const session = request?.nextauth?.token;

    if (request.nextUrl.pathname === '/') return NextResponse.next();
    if (!session && request.nextUrl.pathname !== '/login') 
        return NextResponse.redirect(new URL('/login', request.url));
    if (session && request.nextUrl.pathname !== '/dashboard')
        return NextResponse.redirect(new URL('/dashboard', request.url));

    return NextResponse.next();
},
{
    callbacks: {
        authorized: () => true,
    },
});

export const config = {
    matcher: [
        '/((?!api|_next/static|_next/image|favicon.ico).*)',
    ],
};