javascript - 使用带有路径 url 的 SSL 上的 D3 请求 (json) 会出现混合内容错误？

Question

我不确定这里发生了什么 - 但我想我应该问问人群。基本上我在本地开发服务器上使用 D3 获取 JSON 数据函数，但是当我将其移至生产环境(通过 SSL 托管)时，出现以下错误:

Mixed Content: The page at 'https://myapp.com/' was loaded over HTTPS, 
but requested an insecure XMLHttpRequest endpoint 'http://myapp.com/path/to/mydata/'. 
This request has been blocked; the content must be served over HTTPS.

它在纯 HTTP 上运行良好。问题是，我没有指定方案甚至端点，我只是使用来自 Web 服务器根目录的绝对路径，如下所示:

var url = '/path/to/mydata/'
d3.json(url, function(error, data) {
    // do something with data
}); 

无论如何我可以强制它使用 SSL 吗？类似于 "//cdn.com/path/to/asset.js" 的内容，其中省略了方案以允许根据服务器的内容发出 SSL 和纯 HTTP 请求。

更新

更多信息:我在 Heroku 上托管它，对我的 API 的其他请求似乎工作正常，包括那些使用 d3.csv 和 jQuery.get 的请求.

Answer 1

不确定为什么 D3 在这种情况下坚持纯 http。作为解决方法，您可以简单地检测协议(protocol)并相应地调整 url:

var url = window.location.protocol + '//path/to/mydata/'
d3.json(url, function(error, data) {
    // do something with data
});