如何解决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 举报,一经查实,本站将立刻删除。