GET请求在应用实现SSL后抛出错误：混合内容：此请求已被阻止；内容必须通过HTTPS提供”

Question

混合内容：https://www.example.com/dashboard页面已通过HTTPS加载，但请求不安全的XMLHttpRequest终结点http://api.example.com/inventory/10/。此请求已被阻止；内容必须通过HTTPS提供。

我们有一个有棱角的网络应用程序，在后端运行Flask。在我们实现SSL之前，一切都很正常。之后，我们到处都会遇到这种奇怪的错误。

现在是$http。在我的仪表板中获取请求。js绝对是在打电话”https://api.example.com/inventory/10在下面的代码中，错误是我们试图请求“http”。

$http.get($rootScope.baseUrl+'/inventory/' + item.id)

根镜在哪里。baseUrl是“https://api.example.com".

这真的很奇怪，因为一些GET请求从我们的网络应用程序传递到我们的后端，但是一些请求抛出了这个奇怪的错误。

这是在chrome控制台的网络选项卡中获取错误的标题。

请求URL：https://api.example.com/inventory/10请求标头临时标头显示接受：应用程序/json，文本/普通，/起源：https://www.example.com推荐人：https://www.example.com/dashboard

Answer 1

我认为问题的根源在于服务器重定向。我能够通过Django的SECURE_PROXY_SSL_HEADER=（'HTTP_X_FORWARDED_PROTO'，'https'）设置（它运行在AWS平衡器后面）解决同样的问题。这里是留档。

Answer 2

这是一个奇怪的案例，归结到从URL的末尾删除正斜杠来修复所有内容。不知何故，每当我们在类似Angular的baseurl清单中使用$http发出GET请求时。id“/”，它将发出http请求，但一旦删除该斜杠，它将正确发出https请求。

还是那么迷茫