Nginx + Puma + Sidekiq web interface not showing css styles

[Roberto Córdoba del Moral]

Hi,

I’m having issues showing the css styles in the sidekiq web ui. I have read many posts but I’m not able to fix it. Anyone that can help?

Please find details in this post:
https://stackoverflow.com/questions/61539160/nginx-puma-sidekiq-web-interface

Best regards,
Roberto.

[Mike Perham]

This is explained on the Monitoring wiki page.

https://github.com/mperham/sidekiq/wiki/Monitoring#proxying-the-web-ui

--
You received this message because you are subscribed to the Google Groups "Sidekiq" group.
To unsubscribe from this group and stop receiving emails from it, send an email to sidekiq+u...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/sidekiq/E7AFCD01-7DB0-4327-9FA1-03D9CCAE0961%40gmail.com.

--

Mike Perham – CEO, Contributed Systems

Smart, effective open source infrastructure for your apps.

[Roberto Córdoba del Moral]

Hello Mike,

  thanks for your answer. 

I have read the monitoring wiki page, but unfortunately I’m not able to make it work. 

I have found out the root cause of the problem in my nginx.conf. I have next rule that set a cache expiration time for performance purposes. If I comment this code, everything works. But how can I have both things living together?

    location ~* \.(?:css|js)$ {
            root  /Users/Rober/Projects/yanpy/dev/yanpy/app;
            expires 1w;
            add_header Cache-Control "public";
    }

Best,

Roberto.

To view this discussion on the web visit https://groups.google.com/d/msgid/sidekiq/CAPjBv7qwdSZGxRo_xoEK44OU0N3kUimMkDhztia2YmNSNQV4aw%40mail.gmail.com.

[Mike Perham]

Sidekiq's CSS isn't in that root directory, so yeah, nginx is going to return 404.

To view this discussion on the web visit https://groups.google.com/d/msgid/sidekiq/7D48BD7B-55C1-4EBD-95F1-DFA80F6E459E%40gmail.com.

[Roberto Córdoba del Moral]

Hello Mike,

  yes. I understand this. But I’m not skilled with sidekiq neither nginx conf. That´s why I’m asking how can I do to keep my existing cache rule and the sidekiq css working together.

Thanks for your help.

Best regards,

To view this discussion on the web visit https://groups.google.com/d/msgid/sidekiq/CAPjBv7p5ULFbnBJT82vT0f_Lm5HMxorpYfroNEwd6dxmteGhGw%40mail.gmail.com.

[Mike Perham]

I don’t know, I’m not super skilled with nginx.

To view this discussion on the web visit https://groups.google.com/d/msgid/sidekiq/28E3E866-8D98-4D37-922F-2C7FE62B62B3%40gmail.com.

[Roberto Córdoba del Moral]

Hello Mike,

  you mentioned in am email before that “Sidekiq's CSS isn't in that root directory, so yeah, nginx is going to return 404.”. My question is: where should the sidekiq´s css and js root directory be?

I´m able to manipulate the location, but I don’t know where is the right path. Please see from my nginx error.log file.

2020/10/07 12:29:23 [error] 60076#0: *1 open() "/sidekiq/stylesheets/bootstrap.css" failed (2: No such file or directory), client: ::1, server: , request: "GET /sidekiq/stylesheets/bootstrap.css HTTP/1.1", host: "localhost", referrer: "http://localhost/sidekiq"

Best regards,

Roberto.

  

To view this discussion on the web visit https://groups.google.com/d/msgid/sidekiq/CAPjBv7qzs6zW7C76-N28xacEM0Z6NbGGXM%2BSqjxLtFEKhaKkpw%40mail.gmail.com.

[Mike Perham]

The CSS is in the gemfile. https://docs.nginx.com/nginx/admin-guide/web-server/serving-static-content/#trying-several-options

To view this discussion on the web visit https://groups.google.com/d/msgid/sidekiq/E34502D7-6CE1-458F-9F22-F333E5880529%40gmail.com.

[Roberto Córdoba del Moral]

Hello Mike,

  I have been testing a lot of things, but unfortunately still not working. I have updated my stack overflow post with a lot of details including my whole nginx.conf file. Could you please have a look?

I’m able to show the css under certain circumstances, but still not completely working. 

My conclusion is that as soon as I include this line: location ~* \.(?:css|js)$ {} even if I leave the rule empty, the sidekiq css stop working.

Best regards,

Roberto.

To view this discussion on the web visit https://groups.google.com/d/msgid/sidekiq/CAPjBv7qFeSRk%2B7%2B99xxq3awGY4YEm%2BpQNv0pFbRSJ4NqaJJsqQ%40mail.gmail.com.