Next.js 15 Edge Middleware 国际化与 A-B 测试实践 流量治理-重写-分流

概览Edge Middleware 能在请求进入应用前进行分流与重写。结合 `accept-language` 与随机分组，可实现国际化路由选择与 A/B 实验治理，并通过 Cookie 保持会话一致性。middleware.tsimport { NextResponse } from 'next/server' import type { NextRequest } from 'next/server' export function middleware(req: NextRequest) { const url = req.nextUrl.clone() const lang = req.headers.get('accept-language') || '' const locale = lang.startsWith('zh') ? 'zh' : 'en' const ab = req.cookies.get('ab')?.value || (Math.random() < 0.5 ? 'A' : 'B') if (!req.cookies.get('ab')) { const res = NextResponse.next() res.cookies.set('ab', ab, { path: '/' }) return res } if (url.pathname === '/') { url.pathname = `/${locale}/${ab}` return NextResponse.rewrite(url) } return NextResponse.next() } export const config = { matcher: ['/((?!_next|api|static).*)'] } 治理要点在边缘分流减少回源，保障低延迟与一致性。使用 Cookie 固定分组，确保用户跨页体验一致。与实验平台或日志系统结合，记录分组与转化指标。验证与指标浏览器：现代浏览器；边缘环境兼容Next.js：15.0+；Edge Runtime：稳定分流正确、重写可靠；国际化选择与 A/B 实验命中率稳定