How to add Path based routing for multiple Azure static webapps

Question

I have set up two static websites using Azure Static Web Apps through GitHub actions. Now I want to group both of these websites under a single application gateway.

Here's the challenge I'm facing:

• The first website is the default landing page.
• The second website is a client portal, accessible when a user clicks "Login" on the default website.

I'm attempting to create different paths for these websites:

• Website 1 path: /*
• Website 2 path: /client/*

However, when I try to access the public IP address, the default website (Website 1) loads correctly. But when I add "/client/" to the URL, it redirects me back to the same default website.

I'm looking for help to resolve this issue. Can someone guide me on how to fix this problem or let me know if it's possible to use an application gateway with two static web apps?

Answer 1

@Pankaj Shinde

Welcome to the Microsoft Q&A Platform. Thank you for reaching out & I hope you are doing well.

I understand that you would like to use path based routing for multiple backends in Azure Application gateway.

AFAIK, the /* route is not required.

Refer : https://learn.microsoft.com/en-us/azure/application-gateway/create-url-route-portal#configuration-tab

You do not need to add a custom /* path rule to handle default cases. This is automatically handled by the default backend pool.

App gateway will automatically route these request to the default pool.

Please let us know if we can be of any further assistance here.

Thanks,

Kapil

---

Please Accept an answer if correct. Original posters help the community find answers faster by identifying the correct answer.