Nginx Angular アプリは本番環境でローカルホスト上の REST API にアクセスできません

Question

かなり検索してみましたが、まだ私の問題に有効な解決策が見つかっていません...

localhost:3000 で REST API を公開する Express アプリである NodeJS アプリケーションがあります。また、ビルド (ng build --prod) されて Nginx によって提供される AngularJS アプリケーションもあります。ローカル マシンではすべて正常に動作します。これを本番環境に導入すると、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 ログには何も情報がなく、サーバーにログインすると curl 経由で REST API に正常にアクセスできます。困っています。どなたか助けていただければ幸いです。

Answer 1

結局のところ、Angular は localhost を解決できませんが、127.0.0.1 を使用すると問題なく動作します。