Ошибка Cors при запросе API с идентификатором Azure idtoken в Angular-msal2
Я использую angular-msal2 для входа в Azure AD и доступа к моему веб-интерфейсу в Azure. когда я запускаю http.get, он выдает следующую ошибку CORS:
this.http.get("https://wgceworkflow-as.azurewebsites.net/api/demo/all").subscribe(r=>console.log(r));
Запрос на кросс-источник заблокирован: та же политика происхождения запрещает чтение удаленного ресурса по адресу https://login.microsoftonline.com/xxxxxxxx-xxxx-xxxx-xxxxxxxx/oauth2/v2.0/authorize?response_type=id_token&redirect_uri=https%3A%2F%2Fwgceworkflow-as.azurewebsites.net%2F.auth%2Flogin%2Faad%2Fcallback& client_id= XXXX-XXX-XXXX-XXXXXX и сфера = OpenID + профиль + электронная почта & response_mode =form_post & Nonce =9dd0ec527a3a480abbd37e30d6d63499_20210531073718& состояние = REDIR% 3D%252Fapi%252Fdemo%252Fall. (Причина: отсутствует заголовок CORS Access-Control-Allow-Origin).
Кто-нибудь знает, как это исправить? Этот API отлично работает с JavaScript, и я новичок в Angular.
Спасибо.
PS: Я знаю, что все еще могу использовать старый способ получить токен идентификатора вручную и добавить его в заголовок, но MS сказал: «Оболочка MSAL Angular использует HTTP-перехватчик для автоматического получения токенов доступа без уведомления и присоединения их к HTTP-запросам к API. . ", Мне интересно, как использовать эту функцию.