URLs within CSS files broken with Grails resources plugin 1.2.7

Question

Recently upgraded a grails project to 2.3.7 and plugins to their newest, which has brought Resources plugin to 1.2.7. This worked fine with Grails 2.1.2 and resources plugin 1.2RC3, but now it is not:

whenever I have a css file that references something via a URL like this

.checkbox-input-wrap.checked {
  background-image: url(/img/uniform-assets/checkbox.png);
}

On the webpage it leads to this error (it is leaving 'resource:/' on the front of the URL)

GET resource:/img/uniform-assets/checkbox.png net::ERR_UNKNOWN_URL_SCHEME

Unable to replicate the issue. Able to access any resource with resources 1.2.7. Can you add more info to debug? — dmahapatro
I have the same problem with grails 2.3.6 and resources plugin 1.2.7 and haven't been able to fix the issue. Works fine with plugin version 1.2.1 so I just reverted for time being. — ascu
@ascu downgrading has worked for me also. Going to poke around a bit more. — Peter
I have a very similar problem with 2.3.7 and the 1.2.7 version of the plugin. Fonts aren't loading -- GET resource:/fonts/open-sans/Bold/OpenSans-Bold.svg net::ERR_UNKNOWN_URL_SCHEME — David West

dmahapatro dmahapatro · Accepted Answer · 2014-04-03T21:23:12

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.

URLs within CSS files broken with Grails resources plugin 1.2.7

1 Answers