更新旧代码的缓存问题

发布于 2025-02-04 11:41:33 字数 346 浏览 1 评论 0原文

我对NUXT JS所做的所有JS缓存感到非常烦人和交易中断问题，除非用户手动清除网站的浏览器缓存，否则所有代码都被执行时被执行，并且没有在网站上执行！

我搜索了可以自动删除卡车的解决方案，但找不到这种解决方案。现在，我最近升级了我的网站，并将get method axios命令更改为post，但是每当我或其他任何人打开网站时，它都会通过旧获取方法获取数据并丢弃错误除非您手动清除缓存。

我在完全更改网站的UI时遇到了同样的问题，并且在您输入网站时会显示旧的代码，例如显示一些在新代码中完全删除的内容，但除非我清除caches，否则不会消失。

是否有解决这些问题的解决方案？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

长亭外，古道边 2025-02-11 11:41:33

我最近为这个问题建立了一个解决方案，似乎运行良好。

创建以下插件：

  // update.js
 导出默认异步（上下文）=＆gt; {
       const workbox =等待窗口。$ workbox

       如果（！workbox）{
         console.debug（“无法加载工作箱。”）
         返回
       }

       workbox.addeventlistener（'已安装'，（event）=＆gt; {
         如果（！event.isupdate）{
           console.debug（“ PWA在最新版本上。”）
           返回
         }

         console.debug（'PWA有一个更新，重新加载...'）
         window.location.reload（）
       }））
 }

将插件添加到NUXT：

  // nuxt.config.js

 // ...

   插件：[
     {src：'@/plugins/update.js'，模式：'client'}，
   ]，，

 // ...

此插件在推动更新后迫使该应用程序重新加载。除此之外，我建议您在package.json.json中更改版本属性。

希望这有帮助！

来源：

I have recently founded a solution for this problem that seems to be working well.

Create the following plugin:

 // update.js
 export default async (context) => {
       const workbox = await window.$workbox

       if (!workbox) {
         console.debug("Workbox couldn't be loaded.")
         return
       }

       workbox.addEventListener('installed', (event) => {
         if (!event.isUpdate) {
           console.debug('The PWA is on the latest version.')
           return
         }

         console.debug('There is an update for the PWA, reloading...')
         window.location.reload()
       })
 }

Add the plugin to Nuxt:

 // nuxt.config.js

 // ...

   plugins: [
     { src: '@/plugins/update.js', mode: 'client' },
   ],

 // ...

This plugin forces the app to reload after an update is pushed. Other than this I suggest that you change the version property in your package.json each time you want to push a new update.

Hope this helps!

Source: Github: Nuxt community: Detect and update new builds

回复收藏 0 原文

~没有更多了~