☰

Приложение Nginx Angular не может получить доступ к REST API на локальном хосте в рабочей среде

tag-icon • tag-icon nginx node.js
Приложение Nginx Angular не может получить доступ к REST API на локальном хосте в рабочей среде

Я долго искал, но так и не нашел решения, которое помогло бы мне решить мою проблему...

У нас есть приложение NodeJS, которое является приложением Express, предоставляющим REST API на localhost:3000. У нас также есть приложение AngularJS, которое собирается (ng build --prod), а затем обслуживается Nginx. На локальной машине все работает отлично. Когда я запускаю его в производство, приложение Angular не может получить доступ ни к одной из конечных точек API.

Информация заголовков XHR

Вывод консоли разработчика

Сначала я подумал, что это может быть проблема CORS, поэтому я изменил конфигурацию Nginx следующим образом:

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


        root /var/www/html;

        index index.html index.htm index.nginx-debian.html;

        server_name _;

        location / {
                if ($request_method = 'OPTIONS') {
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';

        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain; charset=utf-8';
        add_header 'Content-Length' 0;
        return 204;
     }
     if ($request_method = 'POST') {
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
        add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
     }
     if ($request_method = 'GET') {
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
        add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
     }
        }
}

Это не решило проблему. В журналах Nginx нет никакой информации, и я могу успешно получить доступ к REST API через curl, когда вошел на сервер. Я застрял. Любая помощь приветствуется.

решение1

Как оказалось, Angular не может разрешить localhost, но использование 127.0.0.1 работает нормально.

Связанный контент