Angular 角5混合阻塞内容

我已经将Angular 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);

构造函数（私有http:HttpClient）{
私有httpOptions={
标题：新的HttpHeaders({
“访问控制允许来源”：“*”，
“访问控制允许标头”：“内容类型”，
“访问控制允许方法”：“获取，选项”，
“内容类型”：“应用程序/json”
})
};
this.http.get（this.skaterServiceUrl，this.httpOptions）；

如何从HTTPS站点向HTTP请求端点发出请求

---

我们将非常感谢您的帮助。感谢您抽出时间。

我认为您找不到一种方便的方式向众多用户/浏览器提供混合内容。我认为会显示

img

s和其他标记，但xmlHttpRequest调用不会显示

Chrome中曾经有一个屏蔽图标，您可以单击它来显示混合内容–请参阅。关于配置Chrome以显示混合内容，也有一些答案，但这并不是您希望每个用户都能做到的

---

我建议您通过这个Heroku服务器代理请求。不确定您在服务器上运行的是哪种语言，但您是否可以获取

/some path

，然后在该路径上运行一个函数来执行HTTP请求？我以前做过这个，发现它非常有用。

尝试添加这个@LakshmiPrasanna感谢您的回复。根据您的建议，我添加了以下内容：。不幸的是，这对我不起作用。关于如何解决这个问题还有其他想法吗？