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；

三、右键单击，另存为，保存到项目中，根据路径引入即可。

附：

前辈文章：https网页加载http资源导致的页面报错及解决方案

文章链接：https://www.geek-share.com/detail/2714806820.html

百度图表：http://echarts.baidu.com/

如此文章对你有帮助，请打开支付宝搜索535149388，领取马云的红包，使用余额宝消费可抵扣，大家好，才是真的好。