由于混合内容问题（http/https），XHR响应被Chrome阻止

Question

我目前正在使用jQuery AJAX获取一个相对URL，它前面没有方案/域（例如'/js/get_international_popup/'。当我在返回之前查看我的位置标头时，响应也是一个相对URL。

当我在HTTP上进行本地测试时，一切正常。然而，一旦我在我的live server上测试了它，通过HTTPS，响应就会被Chrome阻止，因为它说它不安全：

混合内容：页面位于'https://example.com/'通过HTTPS加载，但请求了不安全的XMLHttpRequestendpoint'http://example.com/js/get_international_popup/'. 此请求已被阻止；内容必须通过HTTPS提供。

从Chrome的角度来看，我的本地测试请求/响应通过HTTP，但我的实时测试请求通过HTTPS，得到了HTTP响应。我无法在实时服务器上查看Chrome的响应，因为它被阻止了。

如果我返回带有绝对URL（包括https：//domain）的响应，一切似乎都可以正常工作，但我不喜欢使用绝对URL。

有没有人知道有没有办法用相对URL来解决这个问题？

Answer 1

有时它可能是由尾部斜杠引起的。更改<代码>https://example.com/js/get_international_popup/至https://example.com/js/get_international_popup

Answer 2

使用javascript对此进行预处理：

var relative_url = '/js/get_international_popup/';
var absolute_url = window.location.origin + relative_url;
$.ajax(absolute_url, function(){});

裁判：http://www.w3schools.com/jsref/prop_loc_origin.asp

注：未测试