问题描述
在我的 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 (将#修改为@)