Next.js移除永久重定向后路径访问异常问题求助

核心原因：永久重定向被缓存 #

308属于永久重定向，会被浏览器、CDN甚至中间代理服务器长期缓存。哪怕你已经在next.config.js里删除了重定向规则，已缓存的跳转逻辑依然会生效，导致异常跳转问题。

分步解决步骤 #

1. 排查缓存问题 #

• 直接清除当前浏览器的缓存（包含缓存的重定向规则），或用无痕/隐私窗口访问页面，验证是否是浏览器缓存导致的异常。
• 若使用CDN服务，登录CDN控制台清除/foo/*相关路径的缓存条目。

2. 检查其他路由配置 #

确认项目中没有隐藏的跳转逻辑：

• 查看next.config.js里的rewrites、headers配置，是否存在兜底跳转规则；
• 检查页面路由结构：比如是否有pages/foo/[[...slug]].js这类catch-all路由，导致所有/foo/*路径被统一匹配；
• 检查页面组件内部是否有useEffect、Router.push这类客户端代码，强制跳转到/foo/bar。

3. 临时添加反向重定向（解决用户端缓存遗留问题） #

如果已有用户被旧缓存影响，无法强制所有人清缓存，可以临时在next.config.js中添加临时反向重定向：

async redirects() {
  return [
    {
      source: '/foo/',
      destination: '/foo/',
      permanent: false, // 临时重定向，不触发长期缓存
    },
    {
      source: '/foo/:path*',
      destination: '/foo/:path*',
      permanent: false,
    }
  ]
},

部署后，用户访问时会收到307临时重定向，浏览器不会缓存该规则。待旧的308缓存自然过期后，再移除这段配置即可。

4. 验证部署状态 #

• 确认服务器上的next.config.js确实已移除旧重定向规则；
• 若为自定义服务器部署，重启Next.js服务；若为SSG/ISR模式，重新构建并部署静态资源。

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