Maison > Questions et réponses > le corps du texte
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粉9501288192024-01-05 09:12:41
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: '/', }