Deploy create-react-app on Azure App services

Question

I am new to React and created a simple react app using create-react-app , it builds and runs fine on local. I created a Azure Build and release pipelines and tried deploying using App Services , refereed below Microsoft link to implement the same.

https://devblogs.microsoft.com/premier-developer/deploying-react-apps-to-azure-with-azure-devops/

Build and release pipeline runs successfully however when I click the Azure app services link to access the react app, I receive below message :-(

"This react-naturalone.azurewebsites.net page can’t be found
No web page was found for the web address: https://react-naturalone.azurewebsites.net/
HTTP ERROR 404"

Can someone please suggest what I am missing.

fyi, I am using react-router, hence added the web.config as mentioned in the link above.

Thanks AOU

Answer 1

I'm thinking that there is a problem with your deployment pipeline. The first step for your here is to go to your Azure portal and open up your app service. From your app service, go to -->Development tools --> App service editor.

Do you see your code inside it? If you don't, you can confirm that the code didn't deploy correctly. If you do, then you have a misconfiguration somewhere in your app that is preventing anybody from seeing it.