页面重新加载数据丢失、图片消失，控制台报net::ERR_HTTP2_PROTOCOL_ERROR求助

客户端侧排查 #

• 清理浏览器缓存与Cookie：Chrome内核浏览器可访问chrome://settings/clearBrowserData，时间范围选择「所有时间」，勾选「缓存的图片和文件」「Cookie及其他网站数据」后执行清理，重启浏览器再测试
• 禁用HTTP/2验证：给Chrome浏览器添加启动参数--disable-http2后访问页面，若报错不再出现，可确认问题根因是HTTP/2协议适配异常
• 切换网络环境：更换手机热点、其他运营商网络访问页面，排除本地路由器、运营商代理对HTTP/2帧的篡改、拦截问题，部分老旧网络设备不兼容HTTP/2协议会触发该报错

服务端侧排查（站点开发者适用） #

• 检查Web服务器HTTP/2配置：确认Nginx/Apache等服务的HTTP/2相关参数合规，例如Nginx的http2_max_field_size、http2_max_header_size不要设置过小，避免超出请求头长度限制
• 验证CDN配置：若站点接入CDN，可临时关闭CDN回源测试，排除CDN节点HTTP/2配置异常、节点故障导致的协议错误
• 检查SSL证书配置：HTTP/2要求最低使用TLS 1.2版本，需确认服务端TLS版本符合要求、证书链配置完整，部分浏览器会主动中断证书链不完整的HTTP/2连接
• 排查服务端日志：查看Web服务错误日志、后端应用日志、WAF拦截日志，确认对应请求是否被安全策略拦截、是否存在后端服务异常返回

资源配置排查 #

• 确认报错资源的大小是否超出服务端HTTP/2单帧大小限制，大体积资源建议调整服务端http2_chunk_size参数，或采用分片传输方案
• 检查资源响应头是否存在不符合HTTP/2规范的内容，例如包含大写字母的响应头字段、带非法特殊字符的Header值，此类不符合规范的响应会触发浏览器协议报错

内容的提问来源于stack exchange，提问作者Cuong Pham Manh