Я создал приложение в angular 8 , есть значок чат-бота и onclick этого значка. Я делаю http get call на внешний URL для получения содержимого чат-бота, разработанного в angular 4 . В ответ я получаю все содержимое страницы и добавляю его в div, используя приведенный ниже код.
const div = this.chatBot.nativeElement;
this.htmlString = response;
const fragment = document.createRange().createContextualFragment(this.htmlString);
div.appendChild(fragment);
Я также использовал канал Safe html, который позволяет весь контент, включая тег скрипта для загрузки.
Во время разработки не было никаких проблем, все работало нормально, как и ожидалось, пока я не развернул свое приложение на сервере.
Развертывание после того, как я нажал значок, я вижу, что все содержимое загружается на вкладке сети, но на странице ничего не видно, вместо этого оно перезагружается и перенаправляется на домашнюю страницу.
Ниже приведена команда, которую я использовал для создания приложения .
ng build --configuration test --base-href=/myApp/ --deploy-url=/myApp/.
Остальное работает должным образом.
Заранее спасибо.