技术分享2025-08-14

📔NextJS 命中 404 时重定向指定 URL

本文介绍 NextJS 如果在页面 404 时改写状态码重定向到指定页面

记录一个开发时候遇到的问题,搜索解决方案耗费了一些时间:
 
现状:A 项目是对客户展示的内容,B 项目中包含一个客户友好的 404 页面。
 
诉求:A 项目没有命中任何路由的情况下重定向到指定的 B 项目的 404 页面,因为A项目中如果没有命中任何路由则会展示兜底的NextJS 风格 404 页面,对客户不够友好。
 
以下内容基于Pages Router , Next 10

解决方案

实现思路

在页面的路由的跟路由下新建 _error.js 文件,对异常情况的处理进行重写, 当状态码是 404 时,进行 302 重定向处理。

具体实现

 
这里贴一下官方文档的 demo
 
参考文档:
 
闲裁彩山

© 2021—2026 CreateSun. Built from notes, made for reading.