部署在Firebase上的网站无法更新问题求助

我之前也碰到过一模一样的情况，结合你说的「本地firebase serve正常但线上没变化」，大概率是缓存或者部署环节出了问题，给你几个针对性的解决思路：

1. 先确认build文件夹真的更新了 #

先手动检查下build目录里的文件——有时候npm run build可能因为缓存、权限问题没生成新内容。你可以打开build/index.html，看看里面有没有你修改后的代码，或者对比文件修改时间，确认build过程确实完成了。

2. 强制刷新Firebase的CDN缓存 #

Firebase托管默认会给静态资源加缓存策略，旧资源可能被CDN缓存住，导致新内容没及时上线。你可以试试带参数部署强制刷新：

firebase deploy --only hosting -m "强制更新缓存"

也可以去Firebase控制台的托管页面，找到「版本历史」，选中最新部署的版本，点击「刷新缓存」按钮，手动触发CDN缓存更新。

3. 核对Firebase的部署目录配置 #

再检查下firebase.json里的public字段是不是指向build文件夹，正确的配置应该是这样的：

{
  "hosting": {
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

如果这里写错了目录，部署的还是旧文件，自然看不到更新。

4. 排除浏览器本地缓存的干扰 #

有时候不是Firebase的问题，是你自己的浏览器缓存了旧页面。试试用Ctrl+Shift+R（Windows/Linux）或者Cmd+Shift+R（Mac）强制刷新，或者用无痕窗口打开网站，看看能不能显示新内容。

5. 确认部署命令执行成功 #

检查下firebase deploy的输出日志，有没有报错或者部署失败的提示。如果有网络、权限类的错误，那部署根本没完成，线上自然还是旧版本。

按上面的步骤排查下来，基本就能解决问题了——我之前就是CDN缓存的锅，用带注释的强制部署命令就搞定了。

内容的提问来源于stack exchange，提问作者siberian l_wolk