如何解决Next.js中308永久重定向的缓存残留问题？

前任开发人员曾在next.config.js中配置了如下永久重定向规则：

{
  source: '/some-path',
  destination: 'https://storage.googleapis.com/company/some-path.html',
  permanent: true
}

参考Next.js重定向配置文档。

现在已移除该重定向配置，希望使用Next.js应用内生成的常规页面，但由于此前设置了permanent: true，浏览器缓存了308永久重定向规则，曾访问过该页面的用户需清除缓存才能看到新页面。

目前已找到两种解决方案：

• 修改使用的URL以避开缓存触发的重定向
• 在外部站点设置指向我们页面的重定向（此方案较为粗糙）

想知道：是否存在其他更优的解决方法？或者Next.js重定向缓存是否有默认有效期，过几天会自动恢复正常？

一、更优解决方法 #

可以通过临时返回非永久重定向状态码覆盖浏览器缓存的永久重定向规则，步骤如下：

1. 在next.config.js中重新添加针对/some-path的重定向，将permanent设为false（对应307临时重定向），指向应用内的目标页面：

{
  source: '/some-path',
  destination: '/some-path', // 指向应用内的常规页面
  permanent: false
}

2. 部署该配置后，旧用户再次访问/some-path时，会收到307临时重定向响应——这类响应不会被浏览器长期缓存，会直接覆盖之前缓存的308永久重定向规则。用户访问一次后，后续即可直接加载应用内的页面。
3. 等待1-2周（确保大部分旧用户都触发过该临时重定向），即可移除这个临时配置。

二、关于缓存有效期的说明 #

浏览器对permanent: true对应的308/301永久重定向缓存是长期生效的，没有固定默认有效期，只会在用户手动清除缓存、浏览器缓存空间不足被清理，或者收到新的非永久重定向响应时才会失效，不会自动“过期恢复”。

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