React线上网站浏览器标签标题不更新（本地部署正常）

开发者阿泽

2026-7-27

React线上网站标题未更新的排查建议

你修改了public/index.html的标签后本地生效但线上没变化，可按以下方向排查： <ul> <li> 强制清除浏览器缓存：线上浏览器可能缓存了旧的index.html文件，按下<code>Ctrl+Shift+R</code>（Windows/Linux）或<code>Cmd+Shift+R</code>（Mac）强制刷新页面，查看标题是否更新。 </li> <li> 确认构建与部署流程： <ol> <li>执行<code>npm run build</code>重新构建项目，检查build文件夹下的index.html，确认<title>标签内容是新的标题。</li> <li>确保将build文件夹内的全部文件上传至服务器，不要只单独替换index.html，避免资源不匹配导致的缓存问题。</li> </ol> </li> <li> 检查代码中动态修改标题的逻辑：项目中可能存在通过JavaScript动态设置标题的代码（比如<code>document.title = "OLD TITLE"</code>），这类代码会覆盖index.html中的静态标题。全局搜索项目中的<code>document.title</code>，查看是否有旧标题的硬编码。 </li> <li> 排查服务器/CDN缓存策略：部分服务器或CDN会对index.html设置较长的缓存过期时间，导致旧文件一直被返回。联系运维或查看服务器配置，缩短index.html的缓存时效，或手动清除服务器/CDN的缓存。 </li> <li> 检查PWA相关配置：你的项目引用了manifest.json，可打开该文件查看<code>name</code>或<code>short_name</code>字段是否为旧标题，部分浏览器在PWA模式下会优先使用这些字段作为页面标题。 </li> </ul> 内容的提问来源于stack exchange，提问作者Henrik

相关产品推荐

方舟 Agent Plan

超全模态模型 × Harness 升级，最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分)，限时 9.9 元起

产品介绍相关文档

火山引擎最新活动