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 • 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