Update nginx.conf

nginx.conf

@@ -2,7 +2,7 @@ user nginx;
 worker_processes auto;
 
 error_log /dev/stderr warn;
-pid /tmp/nginx.pid; # PID file moved to /tmp for permissions
+pid /tmp/nginx.pid;
 
 events {
     worker_connections 1024;
@@ -19,31 +19,29 @@ http {
     access_log /dev/stdout main;
 
     sendfile        on;
-    #tcp_nopush     on;
+    tcp_nopush     on;
 
     keepalive_timeout  65;
 
-    #gzip  on;
+    gzip  on;
 
-    # Use /tmp for client body temp path and proxy temp path
     client_body_temp_path /tmp/client_temp;
     proxy_temp_path /tmp/proxy_temp;
     fastcgi_temp_path /tmp/fastcgi_temp;
     uwsgi_temp_path /tmp/uwsgi_temp;
     scgi_temp_path /tmp/scgi_temp;
 
-    # This is the crucial server block for your React application
     server {
-        listen 8080; # Nginx will listen on port 8080, which is typically allowed for non-root users
-        root /usr/share/nginx/html; # This is where your built React app files are located
-        index index.html index.htm; # Default files to serve if a directory is requested
-
-        # This location block is essential for Single-Page Applications (SPAs) like React.
-        # It tries to serve the requested file ($uri), then a directory ($uri/),
-        # and if neither is found, it falls back to serving index.html.
-        # This allows React's client-side routing to work correctly.
+        listen 7860; # CHANGED: Nginx will now listen on port 7860
+        server_name localhost;
+
+        root /usr/share/nginx/html;
+        index index.html;
+
         location / {
             try_files $uri $uri/ /index.html;
         }
+
+        error_page 404 /index.html;
     }
-}
+}