---

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).*)']
}

总结

中间件在边缘执行,适合轻量鉴权与路由控制,降低后端压力并提升体验。

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部