Я так делаю, у меня есть restapi.domain.dev на своем web сервере, в моем случае это nginx, web client на другом web сервере, также nginx, который проксирует запросы вида myapp.dev/api к restapi.domain.dev, и там я отдельно прописываю fallback'ки на конкретные группы файлов к restapi.domain.dev в том числе и к изображениям.
То есть в json отдаем относительный путь до картинки, к примеру /assets/file.png, в html файле web application прописываем в head base тэг с href
myapp.dev/, можно руками или при помощи ангуляра.
В результате src к картинке будет таким
myapp.dev/assets/file.png, при построении dom браузер дергает всю статику, в том числе и file.png.
Запросы идут на проксирующий nginx сервер, на котором крутится веб ап, он вызовет по расширению файла fallback, в котором мы перенаправляем запрос уже от нашего проксирующего nginx к restapi.domain.dev.
Так же решается проблема с CORS, с кроссдоменными запросами, у нас их просто нет.
Доступ к файлам можно разграничить на уровне nginx серверов.
Нужно учесть, что если вы юзаете какую-то готовую болванку темплейт для ангуляра, собранную на wepbak, где есть помимо тестов и yarn build, команда yarn dev, которая поднимает nodejs сервер - expressjs к примеру - на localhost:port, то для него так же нужно сконфигурировать для проксирования запросов к restapi.domain.dev, иначе в дев режиме все сломается.
Средний
