在Chrome中屏蔽CDN库

Question

我在网站上用传单/OSM制作一张小地图。网站本身可以通过HTTPS访问，而传单库(afaik)只能通过HTTP连接检索。现在Chrome不包括库，并在控制台中给我以下消息：

阻止https://example.com/foo/bar页面运行来自_的不安全内容

知道我该怎么处理这件事吗？

Answer 1

http://cdnjs.com/libraries/leaflet/有传单。他们也有HTTPS版本。

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

在代码中使用上面的URL。用于加载当前页面的相同协议也将用于获取传单资产。

Answer 2

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

Answer 3

从引用中删除"http:“。试试"//cdn.leafletjs.com/leaflet-0.5/leaflet.css".它将使用当前页面的协议发送请求。