Deploy React app to Azure App Service as a SPA

Hello everyone,
I've some issue during deploiment of my React application to Azure App Service.
I've created the "build" by running npm run build, and then i've uploaded the content of build folder to "/site/wwwroot". At least step I've created the web.config file for manage the routing of React App.
But it seems not working the routing. Because when I try to reach others path I see this error: "Not Found The requested URL /implicit/callback was not found on this server."

Many thanks
Best regards
Fabio

Comments

[Anthony Chu]

Hey Fabio. Are you using Linux or Windows App Service?

[Fabio]

Hello Anthony, I'm using linux app service with PHP 7.3

[Anthony Chu]

Hi Fabio,

PHP is the right stack to use for this on Linux. However, it uses Apache instead of IIS, so a web.config file won't work.

Instead, create a .htaccess file in /home/site/wwwroot like this:

RewriteEngine On
RewriteRule "^[^\.]+$" "index.html"

It rewrites any path that doesn't contain a . to the index page, which should work for most single page apps deployed this way. If your app is different, you may have to tweak this somewhat.

[Fabio]

Many thanks Anthony,
I've changed to Windows instead of Linux and it works. Have a nice day.
Fabio