один путь к образу для разработки и производства, сборка на Angular

Я не могу понять, какой путь использовать, поэтому мои изображения работают на dev и production, прямо сейчас я могу заставить его работать только на dev localhost. Когда я делаю

ng build --prod --output-path документы --base-href / haufe-beers /

изображения не отображаются в моем приложении, размещенном на страницах github.

Это путь src для отображения моего изображения в разработке, он работает в dev, но не работает в версии сборки:

<img src="../../../assets/20190706_163735.jpg" alt="" width="200" />

Какой путь показать разработчикам и продуктам? Что-то связано с base href, но я не могу заставить его работать?


person artworkjpm    schedule 21.07.2019    source источник
comment
Вы также можете настроить базовый путь URL-адреса в environment файле   -  person Bhagwat Tupe    schedule 21.07.2019
comment
Попробуйте <img src="assets/image.png">. Это может работать как для разработчиков, так и для сборки.   -  person nitin9nair    schedule 21.07.2019
comment
Вы можете проверить angular.io/api/common/APP_BASE_HREF   -  person Bhagwat Tupe    schedule 21.07.2019


Ответы (1)


после того, как я создал

--base-href / haufe-beers /

в сборке ng я только что добавил

"./assets/xxxxx

Кажется, что Angular затем использует эту базу для связывания путей из вашей папки сборки prod, в моем случае внутри

документы / активы

Сейчас он работает над dev и prod с:

<img src="./assets/20190706_163735.jpg" alt="" width="200" />
person artworkjpm    schedule 22.07.2019