Angular 5混合阻止内容

Question

我已将Herular 5应用程序部署到Heroku （HTTPS站点），该应用程序从第三方检索json数据（HTTP请求端点）。

我收到以下混合内容阻止错误：

注意：HTTP请求端点无法更改为HTTPS。

这是我对请求端点的调用：

constructor(private http: HttpClient) { }

private httpOptions = {
headers: new HttpHeaders({
  'Access-Control-Allow-Origin': '*',
  'Access-Control-Allow-Headers':  'Content-Type',
  'Access-Control-Allow-Methods': 'GET, OPTIONS',
  'Content-Type':  'application/json'
})


};
  this.http.get<Skater[]>(this.skaterServiceUrl, this.httpOptions);

如何将 HTTPS 网站的请求发送到 HTTP 请求端点？

非常感谢所有帮助。谢谢你的时间。

Answer 1

我认为您不会找到向广泛的用户/浏览器提供混合内容的便捷方式。我认为img和其他标签会显示，但xmlHttpRequest调用不会。

Chrome中曾经有一个盾牌图标可供您点击以显示混合内容 - 请参阅How to get Chrome to allow mixed content?。还有关于配置Chrome以显示混合内容的答案，但这并不是每个用户都希望做的事情。

我建议您通过此Heroku服务器代理请求。不确定您在服务器上运行的语言是什么，但是您可以获取/some-path然后在执行HTTP请求的路径上运行函数吗？我以前做过这个，发现它很有用。