获取缓存响应 - 不缓存标头不按预期工作

Question

我一直在为freecodecamp的随机引用机项目编写代码，但似乎无法停止来自api的响应被缓存。

我尝试了各种方法：

- fetch(), 你如何发出非缓存请求？ - https://forum.freecodecamp.org/t/apis-and-the-random-quote-machine-not-even-sure-what-to-ask/65982/13 有时候我以为解决了问题：

fetch(this.url, {cache: 'no-cache'})
    .then(res => res.json())

...但我只是在开发者工具中禁用了缓存。

请帮忙。 :-D.

这里是我一直在尝试让它工作的地方：https://codepen.io/JonathanDWood/pen/gRNNKx

- Jon Wood

Answer 1

我已经成功地通过在URL后添加Date.now()来解决了它。我不太喜欢这个作为永久解决方案，因为它没有解决潜在的缓存问题，但它确实有效。

fetch(this.url+ Date.now(), {cache: 'no-store'})
    .then(res => res.json())

- Jon Wood

---

直接附加字符串可能会破坏URL。考虑使用查询字符串，例如https://dev59.com/Ul4b5IYBdhLWcg3wYAf6#59493583。 - li ki

是的，那是一个很好的观点。 - Jon Wood