La aplicación ASP.NET Angular que se ejecuta en un proxy Nginx no localiza archivos estáticos

Question

Acabo de crear una aplicación básica en Visual Studios e intenté ejecutarla en mi servidor Ubuntu en un proxy Nginx. Una vez que la inicio, la aplicación se ejecuta pero el front-end no puede localizar los archivos estáticos y devuelve un net::ERR_ABORTED en 6 archivos estáticos enumerados enesta captura de pantalla.

Mi proxy Nginx se ve así:

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;
    }

Tengo Certbot configurado para proporcionar SSL. Tampoco recibo ningún error en mi archivo de errores de Nginx.

¿Cómo puedo resolver net::ERR_ABORTED en los archivos estáticos?

Answer 1

El problema fue que el servidor Nginx no pudo encontrar los archivos en el directorio web raíz. El siguiente código sirve los archivos estáticos del directorio especificado una vez que se solicitan...

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;
}