我正在将传单/OSM 用于站点上的小地图。该站点本身可通过 HTTPS 访问,而传单库只能通过 HTTP 连接检索(afaik)。现在 Chrome 不包含该库,并在控制台中给我以下消息:
[blocked] The page at https://example.com/foo/bar ran insecure content from http://cdn.leafletjs.com/leaflet-0.5/leaflet.css_
知道我该如何解决这个问题吗?
我正在将传单/OSM 用于站点上的小地图。该站点本身可通过 HTTPS 访问,而传单库只能通过 HTTP 连接检索(afaik)。现在 Chrome 不包含该库,并在控制台中给我以下消息:
[blocked] The page at https://example.com/foo/bar ran insecure content from http://cdn.leafletjs.com/leaflet-0.5/leaflet.css_
知道我该如何解决这个问题吗?
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。用于加载当前页面的相同协议也将用于获取 Leaflet 资产。
您可以自己提供必要的 javascript 和 css 文件,而不是使用托管版本的传单:只需在http://leafletjs.com/download.html获取最新版本的传单并将目录“dist”复制到您的项目目录. 之后,您可以将链接从“ http://cdn.leafletjs.com/leaflet-0.5/ ”更改为“./dist/ ”。
从您的参考资料中删除“http:”。尝试“//cdn.leafletjs.com/leaflet-0.5/leaflet.css”。它将使用当前页面的协议来发送请求。
Tiles 是通过 HTTP 下载到 CDN 上的,因此将 js/css 放入 SSL 几乎没有帮助