Pourquoi le middleware Next.js s'exécute-t-il plusieurs fois ?
P粉448346289
P粉448346289 2024-01-04 12:43:02
0
1
424

J'utilise npx create-next-app@latest --typescript 创建了一个新的 Next.js。安装后(版本为13.3.4),在不更改任何文件的情况下,我在src文件夹内添加了一个新的middleware.ts fichier et je viens de mettre ce code :

import type { NextRequest } from "next/server";
import { NextResponse } from "next/server";

export function middleware(request: NextRequest) {
  console.log("request", request.nextUrl.pathname);
  return NextResponse.next();
}

// EDIT: By putting this block will get expected result.
export const config = {
  matcher: [
    /*
     * Match all request paths except for the ones starting with:
     * - api (API routes)
     * - _next/static (static files)
     * - _next/image (image optimization files)
     * - favicon.ico (favicon file)
     */
    '/((?!api|_next/static|_next/image|favicon.ico).*)',
  ],
};

Le journal de la console est consulté plusieurs fois. Je pense que c'était une fois ? Dois-je effectuer une configuration pour cette nouvelle installation Next.js ?

Remarque : j'effectuerai une logique de cookie dans le middleware pour l'authentification. Capture d'écran :

P粉448346289
P粉448346289

répondre à tous(1)
P粉950128819

C'est normal car 中间件s'exécute par défaut sur chaque requête, y compris les requêtes visant à obtenir des ressources telles que JavaScript, CSS et des fichiers image. Comme vous pouvez le lire dans le doc :

Si vous enregistrez un request.nextUrl.pathname,您将看到它运行的不同路径。要让它仅对某些路径执行,您需要使用条件语句matcher objet comme celui-ci :

import type { NextRequest } from "next/server";
import { NextResponse } from "next/server";

export function middleware(request: NextRequest) {
  console.log("request", JSON.stringify(request));
  return NextResponse.next();
}

// The above middleware would only run for the "/" path
export const config = {
  matcher: '/',
}
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!