https网站 请求http图片报错：net::ERR_SSL_PROTOCOL_ERROR

问题描述

场景：

https网站，请求http图片资源报错：net::ERR_SSL_PROTOCOL_ERROR

原因：

Chrome 81 中，对混合内容资源加载策略进行了改变，会自动升级到 https:// ，如果无法通过 https:// 加载，Chrome 默认会阻止它们。

解决办法一

1.删除浏览器自动使用https的方式：

chrome --- 在浏览器地址栏输入：chrome://net-internals/#hsts

edge --- 在浏览器地址栏输入：edge://net-internals/#hsts

在Delete domain security policies搜索框下，输入要删除的域名，然后点击delete；

2.点击地址栏旁边的锁，打开网站设置

找到不安全内容(默认为屏蔽状态)，将它修改为-允许

解决办法二

服务器端配置https，配置SSL协议证书。