---
title: Next.js 中间件与 Edge Runtime 实战
keywords:
- Middleware
- Edge Runtime
- matcher
- rewrite
- headers
description: 在 Next.js 中使用中间件与 Edge Runtime 实现轻量路由、鉴权与响应头处理,提供可运行的 middleware.ts 示例。
categories:
- 文章资讯
- 技术教程
---
Next.js 中间件与 Edge Runtime 实战
// 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).*)']
}
总结
中间件在边缘执行,适合轻量鉴权与路由控制,降低后端压力并提升体验。

发表评论 取消回复