Доступ к изображениям в папке ресурсов по URL в angular

Question

Я пытаюсь использовать lo go из моего приложения Angular в моем бэкэнде Spring при создании PDF-файла счета.

invoice.lo go .url = http://localhost: 4200 / assets / gfx / img / logos / rkmteam-lo go .png

Изображение не отображается в PDF, но когда я загружаю его, скажем, imgur.com тогда он работает отлично.

Ручное обращение к URL иногда показывает картинку, но иногда выдает мне эту ошибку:

Error: Cannot match any routes. URL Segment: 'assets/gfx/img/logos/rkmteam-logo.png'

Как я могу получить доступ к изображениям во внешних приложениях? Я не хочу полагаться на сторонние сайты (imgur и подобные).

Answer 1

Если я вас правильно понимаю, то вашему приложению Springboot необходим доступ к приложению Angular для получения изображения.

Чтобы это работало, вам необходимо убедиться, что изображения доступны для общественности через папка /assets в Angular. Проверьте файл angular.json, чтобы убедиться, что он правильно настроен.

Сказав это, я бы не рекомендовал эту циклическую настройку. В идеале, бэкэнд должен быть агенцией внешнего интерфейса c, но вы бы сделали его жесткой зависимостью.

Вместо этого я хотел бы рассмотреть возможность размещения логотипов в Springboot. Если это невозможно, я бы подумал о кодировании логотипов с Base64 и о передаче закодированных строк в Springboot таким образом.

Answer 2

Необходимо преобразовать изображение в строку base64 и добавить его в свой счет PDF.

Чтобы преобразовать изображения в base64, проверьте: Преобразование изображения в base64 в angular 2