Можно ли создать приложение Angular 10, чтобы иметь абсолютные URL-адреса вместо относительных для изображений?
Наше приложение развертывается и размещается на рабочем сервере https://hostingserver/hostedApps/myApp/, но отображается на другой сервер, который является фактическим основным ориентированным на пользователя сервером https://productionserver/apps/myApp, главная страница которого содержит контент, отличный от приложения Angular. Приложение Angular просто встроено в эту страницу. В файле angular.json есть:
"baseHref": "",
"deployUrl": "https://hostingserver/hostedApps/myApp/"
, и все строится нормально. Выходной файл index.html имеет абсолютные ссылки на файлы js, например <script src="https://hostingserver/hostedApps/myApp/main.js" defer></script>, что идеально, но все изображения по-прежнему отображаются как
<img src="./assets/images/myImage.svg">
, которые при просмотре в консоли браузера являются 404, поскольку он ищет:
https://productionserver/apps/myApp/assets/images/myImage.svg
вместо
https://hostingserver/hostedApps/myApp/assets/images/myImage.svg
index. html base href - <base href="">, потому что все остальное будет мешать другим элементам на размещенной странице .