Angular 4 - 模板 URL 从 https 更改为 http？

Question

我的 Angular 4 应用程序中有一个模板，它从 https:// URL 中提取图像，并且当应用程序通过 'ng serve' 在本地托管时工作正常：

<div class="poster_div" *ngIf="movie_details['poster_path']">
  <img src="https://image.tmdb.org/t/p/w185{{movie_details['poster_path']}}" />
</div>

然而-- 现在我已经部署了站点（并使用 Apache HTTP 为它提供服务），这些图像是从 http 中提取的（导致浏览器中可怕的 'mixed content' 错误）。 'ng build' 中是否存在导致此问题的设置？还是 Apache 有一些古怪的副作用？

'Inspect Element' 来自本地：

<img _ngcontent-c1="" src="https://image.tmdb.org/t/p/w185/ApYhuwBWzl29Oxe9JJsgL7qILbD.jpg">

'Inspect Element' 来自远程站点：

<img _ngcontent-c1="" src="http://image.tmdb.org/t/p/w185/ApYhuwBWzl29Oxe9JJsgL7qILbD.jpg">

Answer 1

从您的图像中删除协议 URL，这样您就有了亲戚 URL。然后，这将使用访问者在访问网站时使用的正确协议。

<div class="poster_div" *ngIf="movie_details['poster_path']">
  <img src="//image.tmdb.org/t/p/w185{{movie_details['poster_path']}}" />
</div>

Angular 4 - Template URLs Changing from https to http?