☰

Nginx プロキシ上で実行されている ASP.NET Angular アプリが静的ファイルを見つけられない

tag-icon • tag-icon nginx reverse-proxy
Nginx プロキシ上で実行されている ASP.NET Angular アプリが静的ファイルを見つけられない

Visual Studiosで基本的なアプリケーションを作成し、Nginxプロキシ上のUbuntuサーバーで実行しようとしました。起動するとアプリケーションは実行されますが、フロントエンドは静的ファイルを見つけることができず、リストされている6つの静的ファイルに対してnet::ERR_ABORTEDを返します。このスクリーン ショット。

私の Nginx プロキシは次のようになります:

location / {
            # Proxy for dotnet app
            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;
    }

SSL を提供するために Certbot を設定しました。また、Nginx エラー ファイルにもエラーは表示されません。

静的ファイル上の net::ERR_ABORTED を解決するにはどうすればよいですか?

答え1

問題は、Nginx サーバーがルート Web ディレクトリ内のファイルを見つけられなかったことです。次のコードは、要求されると指定されたディレクトリから静的ファイルを提供します...

location ~* ^.+\.(jpg|jpeg|gif|png|ico|css|zip|tgz|gz|rar|bz2|pdf|txt|tar|wav|bmp|rtf|js|flv|swf|html|htm)$ {
    root   /path/to/static/content;
}

関連情報