nginx reverse proxy images and css are not loaded

Question

I try to configure an nginx reverse proxy to access a Jenkins instance. I can open the authentication page but there is no CSS and no image. It works perfectly when direct access.

All works as if the reverse proxy does not rewrite correctly URLs defined in the html source page. Have I missed something ?

Here is my nginx configuration :

    location /jenkins {
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header Host $http_host;
            proxy_redirect false;
            proxy_pass http://jenkins:8080/;
    }

Josh Correia · Accepted Answer · 2023-05-22 07:48:04Z

10

I found the solution. The nginx reverse proxy works well but Jenkins need some customization to work with reverse proxy.

The final nginx configuration :

location /jenkins/ {
    proxy_pass http://jenkins:8080/jenkins/;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

And the tutorial to configure jenkins behind nginx reverse proxy which solved my problem

edited May 22, 2023 at 7:48

Josh Correia

4,4103 gold badges42 silver badges67 bronze badges

answered Aug 8, 2014 at 14:24

Richard

4172 gold badges4 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

culix Over a year ago

Glad this worked for you. Feel free to click the green checkbox and mark this answer as 'Accepted' to let everyone else know the problem has been solved :)

cmbind55 Over a year ago

This helped me, but I am running it behind Apache. Particularly the part about "make sure you add a slash at the end of all URLs in proxy params in apache".

dzhi · Accepted Answer · 2016-01-28 15:45:08Z

6

I don't know if above statement worked for OP but I know that altering location name line did the trick for me:

  location ^~ /jenkins/ {
    proxy_pass http://jenkins:8080/jenkins/;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

answered Jan 28, 2016 at 15:45

dzhi

1,6942 gold badges20 silver badges31 bronze badges

Comments

sopehl · Accepted Answer · 2020-10-30 20:58:28Z

1

If you use the Jenkins with docker. You can add the environment part of compose file as below:

environment:
 JENKINS_OPTS: "--prefix=/jenkins"

in the nginx conf file. proxy_pass must refer to the http://IP-ADDRESS:PORT/jenkins/. As mentioned before, the link as a reference is very usefull.

answered Oct 30, 2020 at 20:58

sopehl

1,1672 gold badges14 silver badges20 bronze badges

Collectives™ on Stack Overflow

nginx reverse proxy images and css are not loaded

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related