我正在尝试让服务工作者以角度方式处理 API 请求。
我希望该应用程序能够离线工作,并且我有以下配置:
{
"name": "api",
"urls": ["https://x.com/**"],
"cacheConfig": {
"strategy": "performance",
"maxSize": 20,
"maxAge": "365d",
"timeout": "5s"
}
}
这是我离线时 xhr 选项卡的样子:
这是用户请求的内容:
如您所见,用户的 API 调用未解析。
这就是回应的内容user
在线时看起来像:
尝试这个:
- 转到您的应用程序选项卡 -> 清除存储 -> 清除站点数据。
-
更改您的 DataGroups 数组:
{
"name": "api",
"urls": ["https://x.com/**"],
"cacheConfig": {
"strategy": "performance",
"maxSize": 20,
"maxAge": "365d",
"timeout": "5s"
}
}
对此:
"dataGroups": [
{
"name": "api-performance",
"urls": [
"/user" //<=========== I know you want all API calls to be cached, but try this first and see
],
"cacheConfig": {
"strategy": "performance",
"maxSize": 100,
"maxAge": "3d"
}
}
]
- 保存并构建您的应用程序
PROD
,
- 第一次访问该页面。
- 禁用网络
- 刷新您的页面
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)