How do I get a built React app to run?

August 12, 2019 121 views
Nginx React Ubuntu 18.04

Hello all, I followed the way to create an Ubuntu 18.04x and add Nginx to it, I then went into my server block and cloned my react app repo. I pointed my root at /var/www/example.com/react-app/build but when I restart and go to the URL, I receive a 403 Forbidden error. Does anyone know why this may be happening? I have a serverless React app, just want the frontend to display so nothing with Express should be needed.

1 Answer

First thing that I would do in this approach would be to try accessing the resource from the machine locally—so can you try that first and let me know if you can access it locally?

403 basically means that the web server is not allowing you to access the resource, it might come from a bunch of several reasons, such as having a server-able file (.html) in the directory and allowing your folder to be accessed from public internet.

Check out these resources to follow up on this topic, https://www.digitalocean.com/community/questions/nginx-403-forbidden–2, it also contains another article that might be able to help you troubleshoot this problem.

  • Turns out my build file was missing the index.html file for some reason, a rebuild and giving rights again to the folder with a restart of the server fixed it!

Have another answer? Share your knowledge.