在 Next.js 中，可通过 next.config.js 配置服务器端重定向规则，对所有未匹配的路由执行 HTTP 301 永久跳转至 /home，避免触发 404 页面，提升 SEO 友好性与用户体验。
在 next.js 中，可通过 `next.config.js` 配置服务器端重定向规则，对所有未匹配的路由执行 http 301 永久跳转至 `/home`，避免触发 404 页面，提升 seo 友好性与用户体验。
Next.js 支持在构建时通过 next.config.js 声明式配置服务端重定向（Server-side Redirects），该机制由底层 Vercel 边缘函数或自托管 Node.js 服务器（如 next start）原生支持，响应为标准 HTTP 301 状态码，完全在服务端完成，不依赖客户端 JavaScript，确保搜索引擎爬虫和无 JS 环境下均能正确识别重定向意图。
✅ 正确做法：使用 redirects 函数返回动态重定向规则（推荐 Next.js 13.5+）
// next.config.js
/** @type {import('next').NextConfig} */
const nextConfig = {
async redirects() {
return [
{
source: '/:path*',
destination: '/home',
permanent: true, // → 发送 301 状态码（永久重定向）
has: [
{
type: 'host',
value: '(?<host>.*)', // 可选：匹配任意域名
},
],
},
];
},
};
module.exports = nextConfig;⚠️ 关键说明：
- source: '/:path*' 使用 Next.js 的路径通配语法，匹配 所有非静态文件、非 API 路由、非已定义页面路径（即所有未被 pages/ 或 app/ 显式覆盖的 URL），包括 /xyz, /foo/bar/baz 等。
- permanent: true 是核心——它生成 301 Moved Permanently 响应，向搜索引擎明确传递“旧 URL 已永久迁移至 /home”的语义，有利于权重继承与 SEO 恢复。
- 该规则优先级高于默认 404 处理逻辑，因此用户永远不会看到 404 页面，也不会触发 pages/404.js 渲染。
- 若你使用 App Router（app/ 目录），此配置同样生效，且兼容 app/layout.js 和 app/home/page.js 结构。
❌ 不推荐方案（如答案中所示）：
- 在 pages/404.js 中用 useRouter().push() 实现客户端跳转：仅返回 200 OK + 前端 JS 重定向，属于 302 语义（临时跳转），且存在白屏、JS 失败即卡死、SEO 不识别等问题，无法满足“永久重定向”需求。
? 补充建议：
- 若需保留部分旧路径映射（如 /old-contact → /contact），可在 redirects 数组中前置添加精确规则，Next.js 按顺序匹配，优先命中高精度规则；
- 部署前务必测试：本地运行 next build && next start，访问 /nonexistent 应直接返回 301 并跳转至 /home（浏览器地址栏变化，Network 面板可见状态码）；
- 生产环境部署到 Vercel 时，该配置会自动转换为边缘重定向规则，零延迟生效；自托管需确保使用 next start（而非 next dev）。
通过此配置，你可系统性解决历史 URL 失效问题，在不牺牲 SEO 的前提下，为用户提供无缝回退体验。
