How to redirect to the URL originally tried to access in Static Web Apps?

matsunotsuma 0

I'm developing React Web Site with SWA.

And I use Entra ID for authentication.

My site can redirect to log in by staticwebapp.config.json like below,

    "responseOverrides": {
        "401": {
        "statusCode": 302,
        "redirect": "/.auth/login/aad"
        }
    }

but after logged in, redirect to route address of my site.

But I want to be redirected to the URL originally tried to access.

For example,

current situation:

https://mysite.com/authenticated/address

→ https://mysite.com/.auth/login/aad → https://mysite.com

desired outcome:

https://mysite.com/authenticated/address

→ https://mysite.com/.auth/login/aad → https://mysite.com/authenticated/address

How can I this?

Best Regard.

SnehaAgrawal-MSFT 21,506 Reputation points

2024-09-23T10:53:07.9+00:00
@matsunotsuma Thanks for asking question! If you want to use post authentication to redirect the user to where he/she intended to go? If so, you may try this- You can only use it in a response override:

{ "routes": [ { "route": "/*", "allowedRoles": [ "authenticated" ] } ], "responseOverrides": { "401": { "statusCode": 302, "redirect": "/.auth/login/aad" } } }

Let us know
matsunotsuma 0 Reputation points

2024-09-27T13:00:50.4033333+00:00

@SnehaAgrawal-MSFT
Thank you for you comment!
What I want to do is what you comment.
But in this way, user is redirected to root of the website no matter whether user accesses to https://mysite.com/authenticated/**address1** or https://mysite.com/authenticated/**address2**.

I want users to be redirected to https://mysite.com/authenticated/address1
when users intended to access https://mysite.com/authenticated/address1 , and redirected to https://mysite.com/authenticated/**address2 when users intended to access to https://mysite.com/authenticated/address2 **after authentication.

Your answer