Next.js中间件实现永久重定向无301状态及URL不跳转问题咨询

这种情况完全不符合永久重定向（301）的预期。

核心逻辑明确： #

• 永久重定向的标准行为就是返回301状态码 + 浏览器URL跳转到目标地址。这不仅是浏览器的交互规范，也是搜索引擎识别重定向、转移原URL权重的核心依据。
• 你当前的实现本质是内容转发/代理，不是真正的重定向。用户看到的URL还是/about，但内容却是/about-us的，这会导致搜索引擎收录重复内容，也容易让用户产生认知混淆。

正确的301重定向实现方式： #

在Next.js中间件中，匹配到目标路径后，要返回带301状态码的重定向响应，而不是直接转发内容。示例代码如下：

// middleware.js
import { NextResponse } from 'next/server';
import redirects from './redirects.json';

export function middleware(request) {
  const path = request.nextUrl.pathname;
  const matchedRedirect = redirects.find(item => item.source === path);
  
  if (matchedRedirect) {
    // 生成目标URL并返回301重定向响应
    return NextResponse.redirect(
      new URL(matchedRedirect.destination, request.url),
      { status: 301 }
    );
  }
  
  return NextResponse.next();
}

对应的JSON配置示例：

[
  {
    "source": "/about",
    "destination": "/about-us"
  }
]

额外说明： #

如果你的需求不是永久重定向，只是想让/about显示/about-us的内容且不改变URL，那属于路由映射/内容代理范畴，但这种场景要注意SEO层面的重复内容风险，建议通过canonical标签告知搜索引擎哪个是主页面。

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