Share via

React JS : After react prod build in IIS , React MSAL callback URL is not redirecting to original URL

Azher Shaikh 1 Reputation point
2022-11-21T17:11:14.037+00:00

After deploying react app production build in IIS server, application launched in browser redirecting to MS AAD but stuck in below URL :

https://dvbugswb.nvidia.com/nvbugspro/v1/callback#code=0.AVsAFT0IQ3NywUC32znv2czBelxnLIW98n1Ikj_fDLPBIGBbACs.AgABAAIAAAD--DLA3VO7QrddgJg7WevrAgDs_wQA9P8kYbTwWWR5dPHqba3SqqUz7ZugY21a4A_u4qu3GDkH-ZkTco9qHnesMOFqfPDXgrtPrvrtLdPQWOGPQKczNLq908NUvghpCAvx0x7t03Rn2YsEgAARQvIsximhz005IwHf3R6piRzRixLfam9UptZxP2YhQ10-ACeoDIa1RHMJnN3ex6VVA5jRppe8QkFQdbQlolXxnhcj7xdZxqyyzdi8J1poa-tVvp3kEtYWMk4nPMQQqWGWFJJSEXaYMM1ahteWrg6yVfJwdQksUPZgwOfTt1OInuT8wUySYC1-WsgQMhqyx9N4UqTQ5LxJ6SZuq2EOJ_pHJX4Tx_yCnupPkjI-rZ3yEVnKZzCLgsCSYuZX1IHSaSwN6c6JzkIuWNFuDFN1I5ho9WZiFVS7uoeVLWkY1BWio_gON_TyHWGgZc7-EAs8_JaHnWaH2I7z3gsiyosJFx-on-m23Rc8uhIyMj4uhNUypsYssL1ihYpJIZzxWY-AJGrOub0LbC3wNkDBtRzl-eM-OyUhqRHkCcFAU40DExu9fjYCpkTxzOyksJAXrhq0zcSMcieJgLDBEkHgfQnv_6fxeiXLF-3In60T_R8LdpYyvQT8ent65-Lo9aVkoF_oqlxi8Dcgn8qpqDOAHL5F2axbi8q4lzpdtyP87Fb8gY3taEi8ObPtvq40eQZwJ_FST2La0Mwbdhkf6xk754r3SvvWCNj8bQd6z9-lOpDmPi5AOkyImWlDRCzGHhKdkaQyh5sYJOsBJJ8OLr1L6_tR_g6k2RNoAOqi2Unj2h7ssqGNfNZLvXUUgc2hpsVPGD84YVehhVlQaKoKZzhtA9QdtH5OmQ3JU-UU5DTgYetrHsNFLR0RzOkTzKdCfpmSOA3vtPP45ic4LUYd&client_info=eyJ1aWQiOiIyNDgzMWYwYS1iMTAwLTQzZGItODVkYy1iYTE0ODZlNTQ2ZjQiLCJ1dGlkIjoiNDMwODNkMTUtNzI3My00MGMxLWI3ZGItMzllZmQ5Y2NjMTdhIn0&state=eyJpZCI6IjU0YmMyNWJiLTUwMmYtNDI3My04YzliLTI2NTY3MDRhMDIzMyIsIm1ldGEiOnsiaW50ZXJhY3Rpb25UeXBlIjoicmVkaXJlY3QifX0%3d&session_state=ec577423-7ce9-4c12-9070-b74e06c4b574

Its not returning to original URL and load all the routes.
I have added below entry in package.json:
"homepage": ".",

Using BrowserRouter and also added basename props to match virtual directory app name.

Added also web.config with below contents in public root of website but no luck
<?xml version="1.0"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="React Routes" stopProcessing="true">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
<add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
</conditions>
<action type="Rewrite" url="/" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>

Any help/pointers will be appreciated. If we remove Azure AD MSAL code all routes works properly. But if we add and app redirects to Azure AD that is where it is getting stucked.

Windows development | Internet Information Services
Microsoft Security | Microsoft Entra | Microsoft Entra ID

Your answer

Answers can be marked as 'Accepted' by the question author and 'Recommended' by moderators, which helps users know the answer solved the author's problem.