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提取了（導致瀏覽器中出現可怕的“混合內容”錯誤）。 在“ ng build”中是否存在導致此設置的設置？ 還是Apache的古怪副作用？

從本地“檢查元素”：

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

從遠程站點“檢查元素”：

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

Answer 1

從圖片網址中刪除協議，因此有了相對網址。 然后，它將使用訪問者在訪問站點時使用的正確協議。

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