У меня проблема с различными путями к источникам изображений для локальной разработки на компьютере с Windows (Windows 10, Visual Studio Code 1.30.2) и Tomcat 9, работающем на сервере Ubuntu 18.04, размещенном на AWS. Построен на Windows 10 в Powershell с:
ng build --prod --base-href /myapp/
Кстати, если он построен с использованием git bash, он полностью путает пути, не делайте этого.
Если я хочу, чтобы это приложение работало на локальной машине с Windows, и если я хочу, чтобы у меня были кликабельные (в VSCode) правильные пути к источникам изображений, чем я должен использовать:
index.html
<base href="/">
и в некоторых компонентах, таких как: home.component.html
...
<img src="../../assets/data/avatar.png" width=100 />
...
Но он хочет отображать изображения при развертывании на Tomcat. Я полагаю, нет проблем с правами доступа к файлам, так как весь проект был загружен в виде содержимого папки dist () на сервер Linux, а затем развернут с помощью диспетчера пользовательского интерфейса Tomcat. кроме того, все остальные артефакты загружены правильно.
Итак, чтобы отобразить его в Tomcat, я должен использовать:
index.html
<base href="./">
и в некоторых компонентах, таких как: home.component.html
...
<img src="assets/data/avatar.png" width=100 />
...
Некоторое время не развертывался, но я не помню, чтобы в Windows и Linux были различия в относительных путях? Где я ошибся с этим?