Ссылки на Angular 7 работают на локальном хосте, но не работают при загрузке на сервер

Question

Может ли кто-нибудь помочь мне понять, почему только будет работать вторая из следующих ссылок на изображения?Я очистил кеш и все другие идеи, которые мог придумать за последние несколько часов.Очевидно, что изображение доступно в папке ресурсов, так как второй работает.Любая помощь приветствуется

<div style="float: right;" class="col-sm-4 col-xs-12">
        <img src="../assets/images/TherapyRoomOpt.JPG" style="width:100%;" class="img-rounded img-thumbnail img-responsive box-shadow" />
        <img src="../assets/images/IMG_1014.JPG" style="width:100%;" class="img-rounded img-thumbnail img-responsive box-shadow" />
        <div class='margin-top'>
          <app-services></app-services>
        </div>
        <img src="../assets/images/IMG_1014.jpg" style="width:100%;" class="img-rounded img-thumbnail img-responsive box-shadow" />
    </div>

Answer 1

Проблема заключалась в том, что ссылки на изображения указывали на корень, и поскольку изображения, которые я строил для подпапки, были новыми, их не было в корневой папке.Исправлено было удалить один из периодов из ссылки img

<img src="./assets/images/IMG_1014.JPG"

Answer 2

Я столкнулся с той же проблемой, локально это работало, но после развертывания изображения не показывались.Решение простое.измените: /src/assets/images/yourImage.jpg на assets / images / Commit.jpg

и повторно разверните.Всего наилучшего.

Answer 3

похоже, что он должен быть чувствителен к регистру .JPG

<img src="../assets/images/IMG_1014.JPG"

против

<img src="../assets/images/IMG_1014.jpg"

или дважды проверьте правильность пути и наличие файла наразвернутый сервер там, где вы ожидаете.

Также убедитесь, что "../" не перепутали с "./":)