如何设置我的 nginx 文件以连接到我的服务器？

Question

I have a MySQL database and React front end that work in development using a Node server to connect the two. I have a VPS that I just created and am using Nginx to control the integration. Unfortunately, I am new to this and can't connect to the Node server when it's running on the box. I know it's listening on the correct port because netstat -tulpn shows it is (see below).

I can connect directly to the MySQL database via SSH from my laptop so I know that's working properly. Like I said, the front end loads but can't connect to the server to log in (see below).

I suspect I have made an error with my Nginx configuration but after trying various ideas for the past five hours, I'm at a loss.

Nginx default.conf

server {
    listen         443 default_server ssl;
    #listen        [::]:443 default_server ssl;
    server_name    thesystem.co.za;

    #ssl_certificate /etc/letsencrypt/live/thesystem.co.za/fullchain.pem;
    #ssl_certificate_key /etc/letsencrypt/live/thesystem.co.za/privkey.pem;

    expires       0;
    add_header    Cache-Control  public;
    add_header    Cache-Control  no-store;
    add_header    Cache-Control  no-cache;

    add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
    add_header X-Frame-Options "SAMEORIGIN";
    add_header X-Content-Type-Options nosniff;
    add_header 'Referrer-Policy' 'origin';
    add_header X-XSS-Protection "1; mode=block";
    add_header Set-Cookie "HTTPOnly; HttpOnly; Secure";

    location / {
        root /usr/share/nginx/html/thesystem;
    }

    location /integration/ {
       charset_types application/json;
       charset UTF-8;
       proxy_pass http://localhost:8081/api/;
    }
}

If anyone is able to offer some insight as to what I'm doing wrong, I would really appreciate. I have a test client starting in a few hours and I'm stuck at the last hurdle!

**** UPDATE ****** If I hit the server directly using curl when I'm logged on to the box, I get a response so I know it is listening. I must be doing something wrong with the nginx config like I said but I don't know what...

**** Included nginx.conf nginx.conf

user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;

events {
    worker_connections  1024;
}

http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    #large_client_header_buffers 16 64k;
    #client_max_body_size 100M;

    # Added By Willie for security
    ssl_protocols TLSv1.1 TLSv1.2;
    ssl_prefer_server_ciphers On;
    ssl_ciphers ECDH+AESGCM:ECDH+CHACHA20:DH+AESGCM:ECDH+AES256:DH+AES256:ECDH+AES128:DH+AES:RSA+AESGCM:RSA+AES:!aNULL:!MD5:!DSS;
    # Added By Willie, hide Nginx version
    server_tokens off;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    gzip on;
    gzip_disable "msie6";


    gzip_comp_level 6;
    gzip_min_length 1100;
    gzip_buffers 16 8k;
    gzip_proxied any;
    gzip_types
        text/plain
        text/css
        text/js
        text/xml
        text/javascript
        application/javascript
        application/x-javascript
        application/json
        application/xml
        application/rss+xml
        image/svg+xml;

    include /etc/nginx/conf.d/*.conf;
}

*** Second update *** I've reduced the default.conf to the bare minimum and it doesn't redirect to the proper location for the webpage or the server. All I get served is a 404 page.

server {
    listen         80 default_server;
    server_name    thesystem.co.za;


    location / {
        root /usr/share/nginx/html/thesystem;
    }

    location /integration/ {
       charset_types application/json;
       charset UTF-8;
       proxy_pass http://localhost:8081/;
       proxy_set_header Proxy "";
    }
}

Answer 1

what's your local api path? is it like http://localhost:8081/api/admin/session ?

Usually it is because of the wrong proxy_pass route config. sometimes it is with or without slash problem. sometimes the alias name is not correct...

Change the ``proxy_pass```, then you can access to

https://thesystem.co.za/integration/api/admin/sessions/ 

nginx.conf:

    location /integration/ {
       #....
       proxy_pass http://localhost:8081/;
    }

Answer 2

It turns out there was nothing wrong with my nginx configuration. My host provider hadn't updated the DNS records properly so it was pointing to the website instead of the VPS!

If anyone else runs into the same problem, check here to ensure the Remote Address is correct. All I did was copy and paste it into my browser and when I ended up somewhere else, I knew something was wrong.

Thank you for your help, everyone, especially @dunhuang