希望大家都过得不错,并保持安全。
我一直在尝试使用firebase将我的react应用程序部署到网上,直到我尝试对其进行更新/重新部署之前,一切都进行得很好。它在我的终端上显示✔ Deploy complete!
,但我检查了网站,但未显示任何更新。我尝试将以下代码放入firebase.json
:
"headers": [
{
"source": "/service-worker.js",
"headers": [
{
"key": "Cache-Control",
"value": "no-cache"
}
]
}
]
但是那没什么改变。我发布该应用程序的步骤如下:
npx create-react-app firebase-test
cd firebase-test
firebase login
firebase init #I only chose hosting, chose to configure as a single-page application, wrote build as my public folder
npm run build
firebase deploy
它显示了第一次部署,但是当我尝试再次部署时,没有看到任何更新。
您的service-worker.js
可能仍被缓存,因为您是在首次访问该网站后添加Cache-Control
标头的。
这意味着您的浏览器没有尝试再次请求文件,而是从内存中提供文件。即使是标准刷新(CTRL / CMD + R)也无济于事。
[尝试进行强制刷新(CTRL + Shift + R),或在开发人员工具中手动清除应用程序的缓存。您的浏览器将使用正确的service-worker.js
标头重新下载Cache-Control
,并且不会再出现此问题。
而且,一如既往,请确保在部署之前确实构建了应用程序:)
如果部署完成,并且您看到了说明,但网站未更新,则表明您的应用程序包未更改,请确保在运行deploy命令之前先运行npm run build,然后运行>