https网页加载http资源导致的页面报错及解决方案

最近在项目使用百度图表echarts时遇到了这个问题,在本地好好的,部署到线上服务器以后发现无法加载图表,F12查看到网页报错,大意是https默认阻止加载http资源,认为那是不安全的。

参考了前辈的文章,文章中分析了问题的原因,与自己遇到的情况吻合,初步确定问题的原因。

然后尝试用前辈的第2跟第4个轮子解决问题,无果,如果有大神知道怎么用,烦请留言告知,先谢过了。

由于项目比较赶,不想花太多时间研究,先使用自己的方式解决,并记录下来,后续找到原因再补充。

我的解决方案:将http资源直接下载到项目中,跟平常一样引入即可。

一、从原代码中提取链接:

<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>

二、从浏览器打开http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js;

三、右键单击,另存为,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果资源缓慢并且出现 "Failed to load resource: net::ERR_HTTP2_PROTOCOL_ERROR" 误,可以尝试以下解决方案: 1. 检查网络连接:确保你的网络连接稳定,并且没有任何代理或防火墙阻止了资源。尝试使用其他网络连接,例如切换到其他Wi-Fi网络或使用移动数据网络,看看问题是否仍然存在。 2. 清除浏览器缓存:清除浏览器缓存可能有助于解决资源缓慢的问题。在浏览器设置中找到清除缓存的选项,并选择清除所有缓存数据。然后重新页面,看看问题是否得到解决。 3. 禁用浏览器扩展程序:某些浏览器扩展程序可能会干扰资源导致误出现。尝试禁用所有浏览器扩展程序,然后重新页面,查看问题是否解决。如果问题消失,逐个启用扩展程序,以确定哪个扩展程序引起了问题。 4. 使用其他浏览器:尝试在不同的浏览器中页面,看看是否仍然出现相同的误。如果在其他浏览器中没有问题,那么可能是当前浏览器的问题。尝试更新到最新版本的浏览器,或者尝试使用其他浏览器替代。 5. 检查服务器配置:如果你是网站管理员,检查你的服务器配置,确保没有任何误或配置问题导致资源缓慢或HTTP/2协议误。确保服务器正常运行,并且网络连接稳定。 如果以上解决方案都没有解决问题,你可能需要进一步调查并查找其他可能的原因。在开发者工具中查看网络面板,并检查是否有其他相关误或警告信息可以提供更多线索。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值