https下调用http的css、js等不加载,如何解决?

JavaScript027

https下调用http的css、js等不加载,如何解决?,第1张

浏览器默认是不允许在HTTPS里面引用HTTP资源的,一般都会弹出提示框,用户确认后才会继续加载,用户体验非常差。

而且如果在一个HTTPS页面里动态的引入HTTP资源,比如引入一个js文件,会被直接block掉的。

Chrome 21之后,在SSL加密页面embed非SSL的Flash会怎样呢?会被默默的屏蔽掉,只留下一句console报告。

浏览器为了安全,https下跨协议调用http的是不行的,控制台里会有警告。

所以你只能去找https协议的 css、js资源了。也有文章说https页面中可引用http的图片,发现虽然不会报红错,但是会有黄色的提醒。最好的方法是使用https的资源。

https  引用http里面的资源  一定要加https,这是规定,比如我css文件在服务的web文件下,https引用方式:

<link rel="stylesheet" href="https://www.xxxx.com/web/css/style.css"/>

https引用bootstrap:

<script src="https://cdn.bootcss.com/jquery/3.3.1/core.js"></script>