Next.js 中间件与 Edge Runtime 实战

--- title: Next.js 中间件与 Edge Runtime 实战 keywords: - Middleware - Edge Runtime - matcher - rewrite - headers description: 在 Next.js 中使用中间件与 Edge Runtime 实现轻量路由、鉴权与响应头处理，提供可运行的 middleware.ts 示例。 categories: - 文章资讯 - 技术教程 --- # Next.js 中间件与 Edge Runtime 实战 ```ts // middleware.ts import { NextResponse } from 'next/server' import type { NextRequest } from 'next/server' export function middleware(req: NextRequest) { const url = req.nextUrl if (url.pathname.startsWith('/private') && !req.headers.get('x-auth')) { url.pathname = '/login' return NextResponse.redirect(url) } const res = NextResponse.next() res.headers.set('x-powered-by', 'edge') return res } export const config = { matcher: ['/((?!_next/static|_next/image|favicon.ico).*)'] } ``` ## 总结 中间件在边缘执行，适合轻量鉴权与路由控制，降低后端压力并提升体验。