Nginx setting to add css file as local file about improved-plex-mobile HOT 6 CLOSED

Nginx has a tutorial on serving static files.
I've never set up this use case, but based on what I was able to gather:

root /opt/Improved-Plex-Mobile;

include /etc/nginx/mime/types;

location /
{
    # Attempt to serve a file from the root directory before routing to the reverse proxy
    try_files $uri $uri/ @backend; 
}

location @backend
{
    proxy_pass http://127.0.0.1:3000;
}

Let me know if this works.

from improved-plex-mobile.

With $uri/ I get a 403 error. If I remove that, css is somehow loading but page is not displayed properly

from improved-plex-mobile.

Could be forbidden due to file permission issues. Perhaps the CSS file you're creating is not owned by the user that Nginx is running as.

from improved-plex-mobile.

Permissions are ok, user www-data has access to full path. I also moved the folder into /var/www, same thing.

L.E. Placing the statement autoindex on; in the / location gets rid of the 403 error, with $uri/ included. But css still seems off. Ill upload a screenshoot.

from improved-plex-mobile.

from improved-plex-mobile.

Since I don't have experience with serving static files in tandem with a reverse proxy, I highly recommend asking for support in the #groups channel of the Organizr discord. They have a whole lot of Nginx professionals that are willing to help people with self-hosting issues, especially related to my CSS. The solution is likely going to look similar to the one I posted, but I'm sure I'm missing something.

Otherwise, reading the Nginx documentation may be the best way around this.

Apologies that I'm unable to directly help but this Nginx config is outside my expertise.

Let me know if you find a solution and I'll post it on the wiki for others in the future!

from improved-plex-mobile.