以编程方式禁用某些资源的缓存

Disable cache for certain resource programmatically

我在 Chrome devtools 中有这个设置:

这个设置对我有用。但是,我还想禁用某些资源的缓存。我的问题是 - 在使用 fetch 时有没有办法禁用资源的缓存?

fetch(url).then(v => {});

是否有一些选项或 header 我们可以用来防止浏览器使用缓存检索资源?

这就是我要找的答案:

https://hacks.mozilla.org/2016/03/referrer-and-cache-control-apis-for-fetch/

首先确保在服务器上禁用缓存,如有必要。

然后在浏览器中,我们可以使用其中之一:

fetch(url, {cache: 'no-store'})

fetch(url, {cache: 'no-cache'})

并得到我们想要的结果。