react.js app showing 404 when refreshing in nginx server configured on macos

Question

I have configured MacOS for nginx and deployed my react js app on it it successfully deployed and running but when i reresh any page it shows 404 not found.

worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    server {
        listen       8080;
        server_name  localhost;
        location / {
            root   html;
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

    server {
        listen       8080 default_server;
        server_name  TESTAPP;
        root  /var/www/TESTAPP;
        index index.html index.htm;      
        location / {
            root /var/www/TESTAPP/static;
            index  index.html index.htm;
            try_files $uri /index.html$is_args$args =404;
        }
    }
    include servers/*;
}

the config file looks normal. What do you mean by 404 when refresh? So all the pages can be accessed the first time? — Someone Special
– Someone Special, Commented Jun 2, 2021 at 15:16

Someone Special · Accepted Answer · 2021-06-05 09:15:11Z

0

Can you try if the following works for you?

This is what I use for my SPA.

server {
        listen 8080 default_server;

        root  /var/www/TESTAPP;
        index index.html index.htm;   

        server_name TESTAPP;

        location / {
                try_files $uri $uri/ =404;
        }
}

edited Jun 5, 2021 at 9:15

answered Jun 3, 2021 at 5:58

Someone Special

13.7k8 gold badges54 silver badges80 bronze badges

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

Collectives™ on Stack Overflow

react.js app showing 404 when refreshing in nginx server configured on macos

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