更新旧代码时的缓存问题

Question

我有非常恼人的和交易打破问题与所有的js缓存的nuxt js所做的，所有的代码被执行，因为他们是在缓存之前，没有在网站上实现，除非用户清除浏览器缓存为网站手动！

我寻找自动删除缓存的解决方案，但没有找到这样的解决方案。现在，我已经更新了我的网站，并将get方法axios命令更改为post，但每当我或其他人打开该网站时，它都会通过旧的get方法获取数据，并抛出错误，除非手动清除缓存。

我有同样的问题时，改变网站的用户界面完全和它显示旧的代码，当你进入网站，如显示一些内容是完全删除的新代码，但不删除，除非我清除缓存。

有解决这些问题的办法吗？

Answer 1

我最近找到了一个解决这个问题的办法，看来效果很好。

1. 创建以下插件： // update.js导出默认异步(上下文) => { const =等待窗口。$ workbox (!workbox) {console.debug(“无法加载工作框”)。返回}workbox.addEventListener(“已安装”，(事件) => { if (!event.isUpdate) {console.debug(‘PWA在最新版本上“)。返回}console.debug(‘PWA有更新，重新加载.’)window.location.reload() }
2. 将插件添加到Nuxt： // nuxt.config.js // .插件：{ src：'@/plugins/update.js'，模式：'client‘}，// .

这个插件迫使应用程序在更新后重新加载。除此之外，我建议您每次要推送新的更新时，都要更改package.json中的package.json属性。

希望这能有所帮助！

来源：Github: Nuxt社区:检测和更新新构建