javascript - 获取缓存响应 - 无缓存 header 未按预期工作

标签 javascript ajax vue.js cache-control fetch-api

我一直在做 random quote machine freecodecamp 的项目,我似乎无法阻止正在缓存的 api 的响应。

我试过各种答案:

我以为我曾经有过它:

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

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

请帮忙。 :-D.

这是我一直在努力让它发挥作用的地方: https://codepen.io/JonathanDWood/pen/gRNNKx

最佳答案

我已经设法通过将 Date.now() 附加到 url 来修复它。我不太喜欢将它作为永久解决方案,因为它没有解决潜在的缓存问题,但它确实有效。

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

关于javascript - 获取缓存响应 - 无缓存 header 未按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45267123/

相关文章:

javascript - 在 fullPage 和 Vuejs 中绑定(bind)辅助功能

javascript - 如何在 click 方法中使用 jquery 访问下一个父元素?

javascript - 用于导出和替换 csv 文件的 Google App 脚本

javascript - 通过ajax Nodejs Express上传带有表单的文件

javascript - 在后端生成由 Javascript (VueJS) 生成的等效 HTML

node.js - 为什么 vue-loader 和 webpack-4 不起作用?

javascript - 如何在 EXTJS 中仅单击树面板的最后一个子元素时触发事件

javascript - 允许访客和站点成员使用 ajax、php/pdo、css、html 查看谁在线/登录

javascript - 使用 REST 端点检索实体的自定义实体的 ODataSetName

javascript - 如何将参数传递给从 XMLHttpRequest 返回的 CanvasJS?