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 :
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 :