Question

React routes not working on Droplets

I deployed my static web app follow this guide:

https://www.digitalocean.com/community/tutorials/how-to-deploy-a-react-application-with-nginx-on-ubuntu-20-04

But routes not working, sub page can’t access. ex: your_domain/about or your_domain/contact with error: 404 Not Found.

I found some similar topics but they do it with the App Platform not with Droplets

Submit an answer


This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Sign In or Sign Up to Answer

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Bobby Iliev
Site Moderator
Site Moderator badge
• August 21, 2021
Accepted Answer

Hello,

I believe that you need to have your / location set to the following in order for the routes to work:

location / {
  try_files $uri /index.html;
}

If this still does not work, could you share your whole Nginx server block here?

Regards, Bobby

Try DigitalOcean for free

Click below to sign up and get $200 of credit to try our products over 60 days!

Sign up