七牛云cdn图片加载错误:net::ERR_HTTP2_PROTOCOL_ERROR与HTTP2 检测工具

本文主要是介绍七牛云cdn图片加载错误:net::ERR_HTTP2_PROTOCOL_ERROR与HTTP2 检测工具,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、问题描述

今天运营的小伙伴提了个问题,她在后台上传图片的时候有时会遇到上传成功了,但实际回显图片却是一张“破图”:

在这里插入图片描述

在这里插入图片描述

二、原因调查

先了解一下ERR_HTTP2_PROTOCOL_ERROR是什么意思:

ERR_HTTP2_PROTOCOL_ERROR是由HTTP/2协议引发的错误提示。HTTP/2是超文本传输协议的一种更新版本,它采用了新的二进制格式,以提高网页的性能和速度。但是,在某些情况下,HTTP/2协议可能会遇到一些问题,其中一些是ERR_HTTP2_PROTOCOL_ERROR错误。

这个错误提示可能由以下原因引起:

(1)浏览器与服务器之间的连接发生了意外中断,导致HTTP/2连接失败。

(2)服务器或代理缓存不支持HTTP/2协议。

(3)浏览器和服务器之间的TLS加密过程发生了错误,导致HTTP/2协议无法正常工作。

(4)设备或软件更新时出现了与HTTP/2协议不兼容的问题。

要解决这个问题可以尝试以下几种方法:

(1) 清除浏览器缓存并重新加载网页。

(2) 检查设备、软件和浏览器更新是否符合HTTP/2协议要求。

(3)禁用HTTP/2协议,改用HTTP/1.1协议。

(4)检查服务器设置和代理缓存是否支持HTTP/2协议。

(4)检查TLS加密过程是否正常,如果存在问题,则需要修复TLS设置。

本次遇到的七牛云cdn图片加载错误,图片使用的是七牛云的CDN,根据Chrome的net::ERR_HTTP2_PROTOCOL_ERROR提示,猜测可能跟七牛云上的HTTP/2的配置有关:

在这里插入图片描述

于是尝试开启HTTP/2访问

在这里插入图片描述

需要等待生效。

最后检测一下是否已经支持HTTP2,这里提供两个检测网址:

(1)https://myssl.com/http2_check.html

在这里插入图片描述

(2)https://domsignal.com/http2-test

在这里插入图片描述

其实这个网站还有其它类型的检测(https://domsignal.com/toolbox),上面使用的http2-test只是其中一个工具:

在这里插入图片描述

这篇关于七牛云cdn图片加载错误:net::ERR_HTTP2_PROTOCOL_ERROR与HTTP2 检测工具的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/575772

相关文章

C#实现添加/替换/提取或删除Excel中的图片

《C#实现添加/替换/提取或删除Excel中的图片》在Excel中插入与数据相关的图片,能将关键数据或信息以更直观的方式呈现出来,使文档更加美观,下面我们来看看如何在C#中实现添加/替换/提取或删除E... 在Excandroidel中插入与数据相关的图片,能将关键数据或信息以更直观的方式呈现出来,使文档更

Spring常见错误之Web嵌套对象校验失效解决办法

《Spring常见错误之Web嵌套对象校验失效解决办法》:本文主要介绍Spring常见错误之Web嵌套对象校验失效解决的相关资料,通过在Phone对象上添加@Valid注解,问题得以解决,需要的朋... 目录问题复现案例解析问题修正总结  问题复现当开发一个学籍管理系统时,我们会提供了一个 API 接口去

C#中图片如何自适应pictureBox大小

《C#中图片如何自适应pictureBox大小》文章描述了如何在C#中实现图片自适应pictureBox大小,并展示修改前后的效果,修改步骤包括两步,作者分享了个人经验,希望对大家有所帮助... 目录C#图片自适应pictureBox大小编程修改步骤总结C#图片自适应pictureBox大小上图中“z轴

使用Python将长图片分割为若干张小图片

《使用Python将长图片分割为若干张小图片》这篇文章主要为大家详细介绍了如何使用Python将长图片分割为若干张小图片,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. python需求的任务2. Python代码的实现3. 代码修改的位置4. 运行结果1. Python需求

SpringBoot项目启动后自动加载系统配置的多种实现方式

《SpringBoot项目启动后自动加载系统配置的多种实现方式》:本文主要介绍SpringBoot项目启动后自动加载系统配置的多种实现方式,并通过代码示例讲解的非常详细,对大家的学习或工作有一定的... 目录1. 使用 CommandLineRunner实现方式:2. 使用 ApplicationRunne

SpringBoot项目删除Bean或者不加载Bean的问题解决

《SpringBoot项目删除Bean或者不加载Bean的问题解决》文章介绍了在SpringBoot项目中如何使用@ComponentScan注解和自定义过滤器实现不加载某些Bean的方法,本文通过实... 使用@ComponentScan注解中的@ComponentScan.Filter标记不加载。@C

springboot 加载本地jar到maven的实现方法

《springboot加载本地jar到maven的实现方法》如何在SpringBoot项目中加载本地jar到Maven本地仓库,使用Maven的install-file目标来实现,本文结合实例代码给... 在Spring Boothttp://www.chinasem.cn项目中,如果你想要加载一个本地的ja

解决mybatis-plus-boot-starter与mybatis-spring-boot-starter的错误问题

《解决mybatis-plus-boot-starter与mybatis-spring-boot-starter的错误问题》本文主要讲述了在使用MyBatis和MyBatis-Plus时遇到的绑定异常... 目录myBATis-plus-boot-starpythonter与mybatis-spring-b

最好用的WPF加载动画功能

《最好用的WPF加载动画功能》当开发应用程序时,提供良好的用户体验(UX)是至关重要的,加载动画作为一种有效的沟通工具,它不仅能告知用户系统正在工作,还能够通过视觉上的吸引力来增强整体用户体验,本文给... 目录前言需求分析高级用法综合案例总结最后前言当开发应用程序时,提供良好的用户体验(UX)是至关重要

使用 Python 和 LabelMe 实现图片验证码的自动标注功能

《使用Python和LabelMe实现图片验证码的自动标注功能》文章介绍了如何使用Python和LabelMe自动标注图片验证码,主要步骤包括图像预处理、OCR识别和生成标注文件,通过结合Pa... 目录使用 python 和 LabelMe 实现图片验证码的自动标注环境准备必备工具安装依赖实现自动标注核心