NextJS 13将所有内部重定向从308改为301的方案问询

NextJS默认会自动合并URL中的连续斜杠，并返回308永久重定向，这个行为是框架内置的，无法通过next.config.js的重定向规则直接覆盖——因为框架会先完成URL规范化（合并斜杠、处理尾斜杠），再去匹配配置的重定向规则，所以你之前针对/offer/的配置不会触发。

要统一把所有这类内部规范化重定向改成301，可以通过Middleware全局拦截处理，具体步骤如下：

1. 编写Middleware拦截多斜杠URL #

在项目根目录的middleware.ts中，添加URL规范化逻辑，优先处理连续斜杠的情况，再执行你原有的自定义重定向逻辑：

import { NextResponse } from 'next/server';
import type { NextRequest } from 'next/server';

export function middleware(request: NextRequest) {
  // 替换所有连续斜杠为单个斜杠
  const cleanedPath = request.nextUrl.pathname.replace(/\/+/g, '/');
  // 处理根路径特殊情况（空路径转成/）
  const normalizedPath = cleanedPath === '' ? '/' : cleanedPath;

  // 如果路径被修改过，返回301重定向
  if (normalizedPath !== request.nextUrl.pathname) {
    const newUrl = new URL(
      normalizedPath + request.nextUrl.search, // 保留查询参数
      request.url
    );
    return NextResponse.redirect(newUrl, { status: 301 });
  }

  // 这里放置你原有的自定义重定向逻辑
  // 比如你之前处理旧页面到新页面的代码：
  // const address = getRedirectAddress(request.nextUrl);
  // if (address) {
  //   return NextResponse.redirect(new URL(address.destination), { status: 301 });
  // }

  // 无重定向需求时，继续正常请求
  return NextResponse.next();
}

// 匹配所有路径，确保全局生效
export const config = {
  matcher: '/:path*',
};

2. 关键说明 #

• 为什么next.config不生效？：NextJS的内置URL规范化（合并斜杠、处理尾斜杠）是在路由匹配和重定向规则之前执行的，所以多斜杠请求会先被框架转成单斜杠路径，此时你的/offer/规则已经匹配不到了。
• 保留查询参数：代码中通过request.nextUrl.search保留了原请求的查询参数，避免重定向后丢失用户的查询信息。
• 缓存注意：301是永久重定向，浏览器会缓存该规则，测试时建议使用隐私窗口或清除浏览器缓存，避免旧缓存影响测试结果。

内容的提问来源于stack exchange，提问作者Radek