Google chrome Chrome中阻止了CDN库
我正在使用传单/OSM制作一个站点上的小地图。网站本身可以通过HTTPS访问,而传单库(afaik)只能通过HTTP连接检索。现在Chrome不包括库,在控制台中给我以下消息:Google chrome Chrome中阻止了CDN库,google-chrome,leaflet,openstreetmap,Google Chrome,Leaflet,Openstreetmap,我正在使用传单/OSM制作一个站点上的小地图。网站本身可以通过HTTPS访问,而传单库(afaik)只能通过HTTP连接检索。现在Chrome不包括库,在控制台中给我以下消息: 你知道我该如何解决这个问题吗?你可以自己提供必要的javascript和css文件,而不是使用传单的托管版本:只需在获取最新版本的传单,然后将目录“dist”复制到你的项目目录。之后,您可以将链接从“”更改为“../dist/”从引用中删除“http:”。试试“//cdn.playejs.com/playet-0.5/p
你知道我该如何解决这个问题吗?你可以自己提供必要的javascript和css文件,而不是使用传单的托管版本:只需在获取最新版本的传单,然后将目录“dist”复制到你的项目目录。之后,您可以将链接从“”更改为“../dist/”从引用中删除“http:”。试试“//cdn.playejs.com/playet-0.5/playet.css”。它将使用当前页面的协议发送请求。互动程序通过HTTP在CDN上下载,因此在SSL中使用js/css几乎没有帮助。他们也有HTTPS版本
//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css
//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js
在代码中使用上述URL。用于加载当前页面的协议也将用于获取传单资产。看起来传单没有有效的SSL证书。您可以尝试将css下载到自己的站点。并向其添加https引用。仅供参考,Chrome阻止从https站点下载http资源。是的,这就是我最终得到的结果-请参阅@tyr的答案。如果您使用的是来自安全网站的传单,这将不起作用,因为它将尝试使用HTTPS下载传单,而且传单的CDN似乎未配置为处理HTTPS请求。
//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css
//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js