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

JavaScript0134

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>