NGINX With React Build

Question

I put the files of my React build in: root/website.com/site/public.

My /etc/nginx/sites-available/default:

server {
    listen 80 default_server;
    root /root/website.com/site/public/;
    server_name 00.000.00.000; 
    index index.html index.htm;
    location / {
            try_files $uri $uri/ =404;
    }
}

I get a bad gateway error when I go to my ip address. Do I need to run npm start to get my index.html to show up?

For some reason when I run npm start it searches for index.html in /site/src then if I change the name of public to src it searches in site/public.

try to use the root directory of your application if that may help. I got the idea from this. codeburst.io/how-to-setup-nginx-for-react-a504f38f95ed or at least the react app is built based on this medium.com/@timmykko/… edit: found a similar question here and there's an answer :D hope this helps stackoverflow.com/questions/46880853/… — Don F.
– Don F., Commented May 9, 2020 at 19:53
stackoverflow.com/questions/46880853/… found this :) please try this out :D and check your permissions as well :) — Don F.
– Don F., Commented May 9, 2020 at 20:01
Thanks for your help! I will try these and post if anything works for me. — johnboy
– johnboy, Commented May 9, 2020 at 20:14

johnboy · Accepted Answer · 2020-05-09 21:47:25Z

0

Using /root/website.com/site/public was unreachable by nginx apparently. Changed it to the typical /var/www/website/site/public and moved my build file there and it worked.

answered May 9, 2020 at 21:47

johnboy

1111 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

NGINX With React Build

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related