七牛云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

相关文章

Python错误AttributeError: 'NoneType' object has no attribute问题的彻底解决方法

《Python错误AttributeError:NoneTypeobjecthasnoattribute问题的彻底解决方法》在Python项目开发和调试过程中,经常会碰到这样一个异常信息... 目录问题背景与概述错误解读:AttributeError: 'NoneType' object has no at

从入门到精通详解LangChain加载HTML内容的全攻略

《从入门到精通详解LangChain加载HTML内容的全攻略》这篇文章主要为大家详细介绍了如何用LangChain优雅地处理HTML内容,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录引言:当大语言模型遇见html一、HTML加载器为什么需要专门的HTML加载器核心加载器对比表二

浅析Spring如何控制Bean的加载顺序

《浅析Spring如何控制Bean的加载顺序》在大多数情况下,我们不需要手动控制Bean的加载顺序,因为Spring的IoC容器足够智能,但在某些特殊场景下,这种隐式的依赖关系可能不存在,下面我们就来... 目录核心原则:依赖驱动加载手动控制 Bean 加载顺序的方法方法 1:使用@DependsOn(最直

Android ClassLoader加载机制详解

《AndroidClassLoader加载机制详解》Android的ClassLoader负责加载.dex文件,基于双亲委派模型,支持热修复和插件化,需注意类冲突、内存泄漏和兼容性问题,本文给大家介... 目录一、ClassLoader概述1.1 类加载的基本概念1.2 android与Java Class

基于Python实现一个图片拆分工具

《基于Python实现一个图片拆分工具》这篇文章主要为大家详细介绍了如何基于Python实现一个图片拆分工具,可以根据需要的行数和列数进行拆分,感兴趣的小伙伴可以跟随小编一起学习一下... 简单介绍先自己选择输入的图片,默认是输出到项目文件夹中,可以自己选择其他的文件夹,选择需要拆分的行数和列数,可以通过

SpringBoot+Docker+Graylog 如何让错误自动报警

《SpringBoot+Docker+Graylog如何让错误自动报警》SpringBoot默认使用SLF4J与Logback,支持多日志级别和配置方式,可输出到控制台、文件及远程服务器,集成ELK... 目录01 Spring Boot 默认日志框架解析02 Spring Boot 日志级别详解03 Sp

解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘问题

《解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘问题》:本文主要介绍解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4... 目录未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘打开pom.XM

利用Python脚本实现批量将图片转换为WebP格式

《利用Python脚本实现批量将图片转换为WebP格式》Python语言的简洁语法和库支持使其成为图像处理的理想选择,本文将介绍如何利用Python实现批量将图片转换为WebP格式的脚本,WebP作为... 目录简介1. python在图像处理中的应用2. WebP格式的原理和优势2.1 WebP格式与传统

Spring如何使用注解@DependsOn控制Bean加载顺序

《Spring如何使用注解@DependsOn控制Bean加载顺序》:本文主要介绍Spring如何使用注解@DependsOn控制Bean加载顺序,具有很好的参考价值,希望对大家有所帮助,如有错误... 目录1.javascript 前言2. 代码实现总结1. 前言默认情况下,Spring加载Bean的顺

基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)

《基于HTML5Canvas实现图片旋转与下载功能(完整代码展示)》本文将深入剖析一段基于HTML5Canvas的代码,该代码实现了图片的旋转(90度和180度)以及旋转后图片的下载... 目录一、引言二、html 结构分析三、css 样式分析四、JavaScript 功能实现一、引言在 Web 开发中,