Static Web App - How to carry over query strings on 301/302 Redirect using staticwebapp.config.json?

OOng 1

Hello, I'm currently using staticwebapp.config.json to do 301 redirects to internal and external sites. Is there a setting or way to carry over query strings to the redirected route?

e.g.

"routes": [
{
"route": "/redirectme/",
"redirect": "https://www.msft.com/",
"statusCode": 301
},
{
"route": "/foo",
"redirect": "/bar",
"statusCode": 301
},
]

so is
page.com/redirectme?query=value going to msft.com?query=value
page.com/foo?query=value going to page.com/bar?query=value
possible in this file?

ajkuma 27,946 Reputation points Microsoft Employee

2022-04-21T11:13:51.897+00:00

OOng-1738, Thanks for posting this good question. I'm taking a look into this and will get back to you shortly.
ajkuma 27,946 Reputation points Microsoft Employee

2022-04-22T07:25:58.61+00:00

OOng-1738, Just following-up, while I'm still checking on this. I believe the available approach to persist the query string is client-side, such as via a cookie, which you would have to develop in the code. I'm discussing this internally and will post back as soon as I have more info. Thanks for your patience!
Christian Castanares 6 Reputation points

2022-08-04T21:32:50.117+00:00

Do you have an example of how to do this client-side? I'm mean user comes in with ?query=srtring, are you saying that before the redirect happens we grab the value and save that in a cookie and once the redirect is done append the cookie as a query string to the URL?

1 answer

ajkuma 27,946 Reputation points Microsoft Employee

2022-04-22T20:59:34.603+00:00

OOng-1738, I confirmed the same from our Product Group: Currently, SWA does not have a mechanism to allow query strings to be passed between redirects or to otherwise be persisted. Based on your requirement, you would need to develop client-side code to do this.

If you wish you may submit a feature request here --- All of the feedback you share on the Uservoice will be monitored and reviewed by the Microsoft engineering teams responsible for building Azure. Users with a similar request can up-vote the post and add their comments, as well.

Kindly be assured that your feedback has also been relayed internally to our product engineering team.
Once again, apologies for any inconvenience with this. We appreciate your valuable feedback.

--
To benefit the community find the right answers, please do mark the post which was helpful by clicking on ‘Accept Answer’ & ‘Up-Vote’.
Please sign in to rate this answer.

1 person found this answer helpful.
Christian Castanares 6 Reputation points

2022-08-04T21:23:50.017+00:00

What if I would like to do this: page.com/foo/ going to page.com/bar?query=value

I have tried this and it seems that it doesn't add the hardcoded query string in the redirect.
{
"route": "/page/",
"redirect": "/?query=value",
"statusCode": 301
}

ajkuma 27,946 Reputation points Microsoft Employee

2022-08-29T12:25:52.507+00:00

Apologies for the delay!
Firstly, this feature is still not supported on Azure Static WebApp, you may post this feedback on: https://github.com/Azure/static-web-apps/issues - All of the feedback shared are reviewed by the Azure Static WebApps product team.

As mentioned, this (your case) may be handled via client-side code. Typically, you could get the query string via the code, and then persist this query string in a cookie via code (and then read the value in the cookie in subsequent executions of the code).

It's an implementation in your code. Depending upon the framework you are using, checkout samples for grabbing the query string via code, and for persisting a cookie via code, or both. Otherwise, you may look at general javascript examples of doing each.
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

Static Web App - How to carry over query strings on 301/302 Redirect using staticwebapp.config.json?

1 answer

Your answer