微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

NGSW服务和工作总是缓存旧数据,直到刷新页面

如何解决NGSW服务和工作总是缓存旧数据,直到刷新页面

在我的 Angular 8 项目中,我们使用 NGSW 来处理 PWA。在这里登录应用程序后,我们总是可以看到旧数据而不是新数据,直到页面刷新。每次登录应用程序时都会发生这种情况。刷新后,我可以看到更新的内容

我看过一些文章,他们提到需要向用户显示 Toast 消息以通知内容已发布。获取新数据而不是刷新和显示 Toast 消息的任何其他方式。

找到下面的代码

版本 角 8.0 NGSW 8.2.14 Angular-cli 8.3

ngsw-config

   {​​

"$schema": "./node_modules/@angular/service-worker/config/schema.json","index": "/index.html","assetGroups": [

{​​

"name": "app","installMode": "prefetch","resources": {​​

"files": [

"/favicon.ico","/index.html","/manifest.webmanifest","/*.css","/*.js"

]

}​​

}​​,{​​

"name": "assets","installMode": "lazy","updateMode": "prefetch","resources": {​​

"files": [

"/assets/**","/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"

]

}​​

}​​

],"dataGroups": [

{​​

"name": "api-performance","urls": ["https://xxxxxxxxx/api/v1.0/*******"],"cacheConfig": {​​

"strategy": "performance","maxSize": 100,"maxAge": "4h"

}​​

}​​

]

}​​

Kinldy 为我提供了无需刷新即可查看更新数据的解决方案。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。