Hi there @nosfaratus,

It looks like that the frontend is trying to connect to localhost rather than the IP of the server.

Basically in your Angular application, you need to specify the API endpoint using the server IP address like this http://your_server_ip/api rather than 127.0.0.1:5000.

It probably works only for you as you have the backend service running locally on your PC.

Let me know how it goes!
Regards,
Bobby

One thing to add. It works now totally randomly. I can login from my PC without problems and sometimes it is giving me the same error. I haven’t changed anything. No idea what is happening.

Here is my config:

server {
    listen 80 default_server;
    listen [::]:80 default_server;

    root /var/www/site;

    index index.html index.htm;

    server_name _;

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

I’ve used this cmd:

sudo nano /etc/nginx/sites-enabled/default

Then I used this cmd:

sudo nano /etc/nginx/sites-available/api

Added this content:

server {
    listen        5000;
    server_name   _;
    location /api {
        proxy_pass         http://localhost:5000;
        proxy_http_version 1.1;
        proxy_set_header   Upgrade $http_upgrade;
        proxy_set_header   Connection keep-alive;
        proxy_set_header   Host $host;
        proxy_cache_bypass $http_upgrade;
        proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header   X-Forwarded-Proto $scheme;
    }
}

And executed this:

sudo ln -sf /etc/nginx/sites-available/api /etc/nginx/sites-enabled/

I can still see login page but I cannot login.

Finally, firefox showing me this:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://127.0.0.1:5000/api/users/authenticate

Hi there,

Actually, that is the main reason why you would use Nginx as a reverse proxy, you don’t open the port publicly but set up a reverse proxy so that if anyone hits /api Nginx would proxy the traffic to the backend service.

Then once you have your reverse proxy setup, you would use that server_ip/api in your angular application and it will make the requests to that endpoint.

If you have 127.0.0.1:5000 specified as your backend service, this would mean that the frontend service, whenever loaded on any client machine, would try to connect locally to 127.0.0.1:5000 on the client machine.

Regards,
Bobby

@bobbyiliev Yes, you are right. Now when I change /sites-available/default:

server {
    listen        80;
    server_name   _;
    location / {
        proxy_pass         http://localhost:5000;
        proxy_http_version 1.1;
        proxy_set_header   Upgrade $http_upgrade;
        proxy_set_header   Connection keep-alive;
        proxy_set_header   Host $host;
        proxy_cache_bypass $http_upgrade;
        proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header   X-Forwarded-Proto $scheme;
    }
}

Create angular client:

server {
       listen 80;
       listen [::]:80;
       root /var/www/bjrevotracking;
       index index.html index.htm;
       server_name _;
location / {
       try_files $uri $uri/ =404;
       }
}

I then add

sudo ln -sf /etc/nginx/sites-available/bjrevotracking /etc/nginx/sites-enabled/

In nginx.config I only added this line:

include /etc/nginx/sites-available/default

My angular app is working but api is not working. I get 404 not found. API works only until I add angular client.

Any ideas?

Hi,

You need to add a reverse proxy config for the /api endpoint and set it to the port that is your .NET application running on.

Regards,
Bobby

@bobbyiliev I tried that and /api/ but nothing works.