URLs within CSS files broken with Grails resources plugin 1.2.7

by

According to my comment earlier, this wasn’t an issue for me because by default all resources under /images, /css and /js are served as adhoc resources in Grails and I was testing with a .png file from images.

I came across this issue again from my colleague which made me think twice. 🙂 In his case, he was trying to access fonts from /fonts which is provided by a plugin used in the app.

Before trying the below answer, I tried to disable css rewriting by adding the below configuration:

//Not required
//grails.resources.rewrite.css = false

but it made no sense for me as I was dealing with a font resource.

Ultimately, adding this as part of Config.groovy for fonts made the trick. For your case, you would need to do like below:

grails.resources.adhoc.includes = ['/img/**']
//If resource served from a plugin
//grails.resources.adhoc.includes = ['/plugins/**', '/img/**']

If you already have this configuration, it would look something like:

grails.resources.adhoc.includes = [
    '/images/**', '/css/**', '/js/**', '/img/**'
]

But as I said you might not need adding adhoc includes for existing resources in a grails app.

Go ahead with

  • grails clean (to be on the safer side)
  • grails run-app.
  • Clean browser cache (I would prefer an incognito mode in Chrome, if Chrome used)
  • Hit app url

It should not complain about the resource any more.

More Related Contents:

  1. The page moves to the left
  2. CSS display: inline vs inline-block [duplicate]
  3. How to style the with only CSS?
  4. How can I write a ‘:hover’ condition for ‘a:before’ and ‘a:after’?
  5. Detect if an input has text in it using CSS — on a page I am visiting and do not control?
  6. CSS @media print issues with background-color;
  7. What, exactly, is needed for “margin: 0 auto;” to work?
  8. Is there a way to break a list into columns?
  9. Setting width/height as percentage minus pixels
  10. What is the difference between :first-child and :first-of-type?
  11. What are the rules for CSS media query overlap?
  12. What does an asterisk do in a CSS property name? [duplicate]
  13. difference between css height : 100% vs height : auto
  14. Image Greyscale with CSS & re-color on mouse-over?
  15. Right to left Text HTML input
  16. complete styles for cross browser CSS zoom
  17. Cross browser way to rotate image using CSS?
  18. Use CSS to automatically add ‘required field’ asterisk to form inputs
  19. CSS get height of screen resolution
  20. Twitter’s Bootstrap 3 grid, changing breakpoint and removing padding
  21. Problem with CSS Sticky Footer implementation
  22. CSS border less than 1px [duplicate]
  23. What’s the difference between CSS3’s :root pseudo class and html?
  24. CSS 3 nth of type restricted to class [duplicate]
  25. How to make radial gradients work in Safari?
  26. Google Maps v3 – prevent API from loading Roboto font
  27. SVG Fill not being applied in FireFox
  28. CSS to stop text wrapping under image
  29. How do I change md-input-container placeholder color using css in angular material?
  30. internet explorer font face ssl

Leave a Comment