Javascript 角度PWA-为什么浏览器缓存不断增长?如何阻止它?
我想知道是否有一种方法可以管理浏览器缓存,并在PWA应用程序中尽可能少地保留它 IOS设备中不断增长的浏览器缓存填补了网站数据中的缓存限制,应用程序因此停止工作 服务人员是否有特定的配置来实现这一点 我当前的配置:Javascript 角度PWA-为什么浏览器缓存不断增长?如何阻止它?,javascript,node.js,angular,single-page-application,progressive-web-apps,Javascript,Node.js,Angular,Single Page Application,Progressive Web Apps,我想知道是否有一种方法可以管理浏览器缓存,并在PWA应用程序中尽可能少地保留它 IOS设备中不断增长的浏览器缓存填补了网站数据中的缓存限制,应用程序因此停止工作 服务人员是否有特定的配置来实现这一点 我当前的配置: { "index": "/", "assetGroups": [{ "name": "app", "installMode": "prefetch", "resources": { "files": [ "/*.css",
{
"index": "/",
"assetGroups": [{
"name": "app",
"installMode": "prefetch",
"resources": {
"files": [
"/*.css",
"/*.js"
]
}
}, {
"name": "assets",
"installMode": "lazy",
"updateMode": "prefetch",
"resources": {
"files": [
"/assets/**",
"/profiles/**",
"/*.(eot|svg|cur|webp|png|gif|otf|ttf|woff|woff2|ani)"
]
}
}],
"dataGroups": [{
"name": "api",
"version": 1,
"urls": ["/api/**"],
"cacheConfig": {
"strategy": "freshness",
"maxSize": 1,
"maxAge": "7d",
"timeout": "1s"
}
}]
}
我不认为您可以停止缓存的增长,因为正如我现在看到的,您正在缓存所有内容,包括静态资源和api缓存 您可以通过发送适当的标题或使用以下元标记来告诉它不要缓存页面:
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>
我不认为您可以停止缓存的增长,因为正如我现在看到的,您正在缓存所有内容,包括静态资源和api缓存 您可以通过发送适当的标题或使用以下元标记来告诉它不要缓存页面:
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>
我应该缓存静态文件,因为此应用程序是PWA。我需要的是防止动态缓存content@MoeinHosseini请更新我的答案。不需要API缓存。如果希望优化响应时间并最终在脱机时提供数据,缓存API请求将带来好处。这里:您可以了解有关一般缓存策略的更多详细信息,特别是角度缓存策略(新鲜度/性能),以及当使用它们有意义时,我应该缓存静态文件,因为此应用程序是PWA。我需要的是防止动态缓存content@MoeinHosseini请更新我的答案。不需要API缓存。如果希望优化响应时间并最终在脱机时提供数据,缓存API请求将带来好处。这里:您可以了解有关一般缓存策略的更多详细信息,也可以专门了解角度缓存策略(新鲜度/性能)以及何时使用它们