Chrome中阻止了CDN库

Question

我正在使用传单/ OSM来获取网站上的小地图.站点本身可通过HTTPS访问,而传单库(afaik)只能通过HTTP连接检索.现在,Chrome不包含该库,并在控制台中显示以下消息:

[blocked] The page at https://example.com/foo/bar ran insecure content from http://cdn.leafletjs.com/leaflet-0.5/leaflet.css_

知道如何解决这个问题吗？

Answer 1

http://cdnjs.com/libraries/leaflet/有Leaflet.他们也有HTTPS版本.

//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css
//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js

在代码中使用上述网址.用于加载当前页面的相同协议也将用于获取Leaflet资产.

Answer 2

您可以自己提供必要的javascript和css文件,而不是使用托管版本的传单:只需在http://leafletjs.com/download.html上获取最新版本的传单,然后将目录"dist"复制到项目目录中.之后,您可以将链接从" http://cdn.leafletjs.com/leaflet-0.5/ "更改为"./dist/ ".