Azure URI перенаправления Active Directory не работает должным образом в приложении React, развернутом в IIS

Question

У меня есть приложение React, которое использует Azure Active Directory и msal. js для аутентификации.

Я могу запустить его в режиме отладки (после входа пользователя он перенаправляется на URI I на портале Azure определены как http://localhost: 3000 / authCallback , и это немного помогает установить файлы cookie, а затем перенаправляет на действительный URL-адрес, например / database, который открывает реальную страницу приложения) , но когда я развертываю SPA в IIS (локальный сервер для тестирования), перенаправление обратного вызова из azure не работает.

Я вижу, что Azure возвращает правильный URI, так как браузер содержит что-то вроде «http://localhost: 3000 / authCallback # id_token = a_valid_token ...», но я получаю сообщение об ошибке ниже, что я не мог понять, почему происходит.

Answer 1

Я разобрался с этим после того, как нашел этот полезный пост на Medium

По сути, мне не хватало web.config в root приложения React, и мне нужно было установить перезапись URL-адреса на сервере, а затем перезапустить IIS.