Я хотел бы преобразовать часть приложения, написанную на angular, в элемент angular, чтобы я мог легко встроить эту часть на внешний веб-сайт. main. js, pollyfills и другие сценарии и ресурсы хранятся на исходном сервере (service1). Некоторые вещи уже работают, но у меня проблема с адресами сервисов и ресурсов:
Пример: до сих пор все приложение и сервисы работали на сервере http://service1 Адрес Api: http://service1/api
Когда я поместил элемент angular в другую службу http://service2, этот встроенный элемент пытается получить доступ к API через http://service2/api, которого не существует. Я бы хотел, чтобы элемент angular по-прежнему использовал адрес: http://service1/api
На данный момент я вижу два решения:
- с использованием обратного прокси-сервера на service2 для перенаправления вызовов api и запросы ресурсов к service1 (дополнительная работа во время встраивания)
- передать атрибут base-href в теге моего настраиваемого элемента, который я могу использовать для вызовов API или запросов ресурсов (дополнительная работа, связанная с обработкой angular application)
Как лучше всего решить эту проблему, учитывая, что я хотел бы разместить такой элемент angular на внешней стороне как можно проще?