Deploy React app to Azure App Service as a SPA

github logo ・1 min read

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

twitter logo DISCUSS (4)
markdown guide
 

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

 

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

 

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.

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

Classic DEV Post from Jun 19

Is GraphQL the future of APIs?

Graphs are everywhere! What are the main benefits of the data graph structure? Is GraphQL the future of APIs?

Fabio profile image

dev.to is where software developers stay in the loop and avoid career stagnation.

Sign up (for free)