Javascript Firebase react:如何在不强制手动刷新缓存的情况下显示新更改
我有一个firebase应用程序是用React(创建React应用程序)制作的,我们即将推出我们的第一个版本 不幸的是,每次我们部署新的更改时,当前用户(使用Chrome)都无法看到更改,直到他们点击cmd-shift-r,这可能会刷新缓存,从而从服务器获取新更改,而不是为“过时”更改提供服务 这显然是不理想的,因为在bug修复之后,我们必须手动要求每个使用应用程序的人点击cmd-shift-r查看修复/更改 我在我的Javascript Firebase react:如何在不强制手动刷新缓存的情况下显示新更改,javascript,firebase-hosting,Javascript,Firebase Hosting,我有一个firebase应用程序是用React(创建React应用程序)制作的,我们即将推出我们的第一个版本 不幸的是,每次我们部署新的更改时,当前用户(使用Chrome)都无法看到更改,直到他们点击cmd-shift-r,这可能会刷新缓存,从而从服务器获取新更改,而不是为“过时”更改提供服务 这显然是不理想的,因为在bug修复之后,我们必须手动要求每个使用应用程序的人点击cmd-shift-r查看修复/更改 我在我的firebase.json文件中找到了和,这两者的结合使我做到了这一点(请注意
firebase.json
文件中找到了和,这两者的结合使我做到了这一点(请注意“缓存控制”和“无缓存”部分,我将其余部分包含在上下文中):
但是,1)它不起作用,2)我担心这是一个有点激进的解决方案(尽管我认为我们目前不需要缓存,所以可能它不激进)
总而言之,每次我们推出新的更改时都要要求所有用户点击cmd-shift-r,这似乎是一场灾难/相当不方便,而且我们似乎也不是第一个遇到这个问题的人,所以我想知道是否有更好的方法
事先非常感谢,
迈克尔·金
{
"hosting": {
"headers": [
{ "source":"/**",
"headers":
[
{
"key": "Cache-Control",
"value": "no-cache"
}
]
}
],
"public": "build",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}