next.js JS 13:如何在会话后修复网站上的JSON缓存问题

bnlyeluc  于 2023-06-22  发布在  其他
关注(0)|答案(1)|浏览(168)

我使用next:“^13.3.0”,React:“18.2.0”,下面是next.Config

experimental: {
    appDir: true,
    isrMemoryCacheSize: 0,
  }

我已经通过AWS Amplify在AWS上部署了我的网站,并使用了生产环境的默认构建配置。

问题是每当我回到标签与我的网站打开一段时间后,如一个小时左右,或在一个会话后,一些JSON出现在网站上,似乎是一些缓存的构建由nextJS更快的加载。不知道怎么修。这种情况在移动的和PC浏览器中都发生。下面附上图片以供参考。屏幕截图是浏览器(Chrome)在我的PC.

Image of browser when issue occurs
如何解决此问题?
我尝试使用**isrMemoryCacheSize的实验特性来清除缓存:0.
但问题还在继续。

bgtovc5b

bgtovc5b1#

我认为这与Next的预取功能有关。如果存在Next-Router-Prefetch: 1头,Next似乎返回一个状态树而不是HTML。如果您的服务缓存结果而不改变此标头,则会导致在浏览器中显示。
例如,您转到/,Next返回HTML。下一步预取/about并获取状态树。现在,如果您转到/about(刷新页面),您将看到状态树。
您可以查看Amplify该高速缓存设置来解决此问题。希望这能帮上忙。

相关问题