Проблема CORS возникает при вызове приложения Angular7 с использованием вызова Ajax из другого приложения

Question

У меня есть одно приложение A, из которого я создал jQuery Ajax-запрос на открытие приложения B во всплывающем окне приложения A. Сборка приложения B в Angular 7, запрос переходит к приложению B, но сталкивается с проблемой ниже

Доступ к XMLHttpRequest по адресу http://localhost:4200/Primary' от источника 'http://localhost:9090' заблокирован политикой CORS: Access-Control-Allow- поле заголовка запроса не разрешено. Заголовки в предполетном ответе.

Я настроил proxyconfig в приложении Angular 7, добавил proxy.conf.json, но я думаю, что это неправильный подход, поскольку он используется для пользовательского интерфейса Angular 7 для служб узлов.

jQuery.ajax({
  url: "http://localhost:4200/Primary", //pp.vars.web + "/" + "modelbinitializerequest",
  type: "GET",
  beforeSend: function(xhr) {
    xhr.setRequestHeader('Access-Control-Allow-Headers', 'authorization,content-type,access-control-allow-origin,X-Requested-With,content-type');
    xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
    xhr.setRequestHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
    xhr.setRequestHeader('Access-Control-Allow-Credentials', true);
  },
  success: function(data) {
    console.log(data);
    var overlay = document.createElement("div"),
      mask = document.createElement("div"),
      overlayStyle = "overlayStyleCSS close_buttonCSS";
    maskStyle = "position:absolute;width:100%;height:320%;top:0;left:0;z-index:4000;background-color:#030303;opacity:0.3;filter:alpha(opacity=30);display:inline-block; *display:inline; *zoom:1;";
    overlay.setAttribute("class", overlayStyle);
    overlay.style.cssText = overlayStyle;
    overlay.id = "pluginLoadingOverlay";
    mask.setAttribute("style", maskStyle);
    mask.style.cssText = maskStyle;
    mask.id = "pluginLoadingOverlayMask";
    overlay.innerHTML = data;
    document.body.appendChild(mask);
    document.body.appendChild(overlay);
  }
});

Я думаю, что если проблема с CORS решится, я смогу открыть приложение App B angular 7 во всплывающем окне.

Приложение Angular 7 B, т. Е. 'http://localhost:4200/Primary' размещено на NPM и http://localhost:9090 на сервере Jetty.

Я пробовал приложение Angular 7 App B, развернутое на сервере Tomcat, с настройкой заголовков в web.xml в папке conf, как показано ниже, но проблема все еще не решена.

конф / web.xml

<filter>
  <filter-name>CorsFilter</filter-name>
  <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
  <init-param>
    <param-name>cors.allowed.origins</param-name>
    <param-value>*</param-value>
  </init-param>
  <init-param>
    <param-name>cors.allowed.methods</param-name>
    <param-value>GET,POST,PUT,DELETE,HEAD,OPTIONS</param-value>
  </init-param>
  <init-param>
    <param-name>cors.allowed.headers</param-name>
    <param-value>Content-Type,X-Requested-With,Accept,Authorization,Origin,Access-Control-Request-Method,Access-Control-Request-Headers</param-value>
  </init-param>
  <init-param>
    <param-name>cors.exposed.headers</param-name>
    <param-value>Access-Control-Allow-Origin,Access-Control-Allow-Credentials</param-value>
  </init-param>
</filter>
<filter-mapping>
  <filter-name>CorsFilter</filter-name>
  <url-pattern>/*</url-pattern>
</filter-mapping>