Question

Nginx multiple locations + static files

Hello,

I am trying to create the following setup with nginx:

subdomain.test.com subdomain.test.com/admin

I want nginx to serve static files (js, css, images etc) and everything else by the application I have running on the give ports.

For test.com it works as expected, but for test.com/admin the javascript and css files (found under /dist) are loaded from /var/www/test/main (test.com’s root)

My confing looks like:

server {
 
        listen 80;
 
        index index.html index.htm;
 
        server_name subdomain.test.com;
		
		proxy_http_version 1.1;
		proxy_set_header Upgrade $http_upgrade;
		proxy_set_header Connection 'upgrade';
		proxy_set_header Host $host;
		proxy_cache_bypass $http_upgrade;
 
        location ~ ^/(app/|images/|img/|javascript/|js/|css/|dist/|media/|static/|robots.txt|humans.txt|favicon.ico) {
            root /var/www/test/main;
            access_log off;
            expires max;
        }
 
        location ~ / {
            proxy_pass http://localhost:232;
        }
 
        location ~ ^/admin/(app/|images/|img/|javascript/|js/|css/|dist/|media/|static/|robots.txt|humans.txt|favicon.ico) {
            root /var/www/test/admin;
            access_log off;
            expires max;
        }
		
		location ~ /admin {
            proxy_pass http://localhost:233;
            rewrite ^/admin.* /$1 break;
        }
}

Regards, kapa


Submit an answer

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Sign In or Sign Up to Answer

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Want to learn more? Join the DigitalOcean Community!

Join our DigitalOcean community of over a million developers for free! Get help and share knowledge in Q&A, subscribe to topics of interest, and get courses and tools that will help you grow as a developer and scale your project or business.

You could try my nginx configuration file Config model1:

# if you need to change from http to https
server {                                                                                                                                
    if ($host = yourhost.net) {                                                                                                   
        return 301 https://$host$request_uri;                                                                                           
    }                                                                                                                                                                                                                                             
                                                                                                                                        
        listen 80;                                                                                                                      
        listen [::]:80;                                                                                                                 
        server_name yourhost.net;                                                                                                 
        return 302 https://$server_name$request_uri;                                                                                                                                                                                                                           
}
# stuff here
server {
        listen 443 ssl http2;
        listen [::]:443 ssl http2;                                                                                                      
        server_name yourhost.net;                                                                                                 
        location / {
                alias /var/www/html/;
                try_files $uri $uri @fwdbackend;
        }
        location @fwdbackend {
                proxy_pass http://10.10.0.3:81;
                proxy_set_header Host $host;                                                                                            
                proxy_set_header X-Real-IP $remote_addr;                                                                                
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;                                                            
                proxy_set_header X-Forwarded-Proto $scheme;
                real_ip_header CF-Connecting-IP; # Cloudflare 
        }

Explanation: the nginx server access file on localhost at /var/www/html/ its using alias so when http://yourhost.net/assets/x.js will looking into /var/www/html/assets/x.js and when there’s no file match with the user request it’ll pass to @fwdbackend (which pass the user request to 10.10.0.3:81 [nodejs server])

Config model2"

server {
        listen 443 ssl http2;
        listen [::]:443 ssl http2;                                                                                                      
        server_name yourhost.net;                                                                                                 
        location /assets {
                alias /var/www/html/assets/;
                try_files $uri $uri =404;
        }
        location / {
                proxy_pass http://10.10.0.3:81;
                proxy_set_header Host $host;                                                                                            
                proxy_set_header X-Real-IP $remote_addr;                                                                                
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;                                                            
                proxy_set_header X-Forwarded-Proto $scheme;
                real_ip_header CF-Connecting-IP; # Cloudflare 
        }

Hi, kapa.

Did you find the solution for this problem?