Nuxt.js: repeated requests for favicon.ico

Created on 11 Feb 2017 · 5Comments · Source: nuxt/nuxt.js

Hi,

Though the favicon.ico file is in static folder and the nuxt.config.js file has the following configuration :

...
link: [
      { rel: 'icon', type: 'image/x-icon', href: 'favicon.ico' }
    ]
...

i'm facing the following issue:

favicon - request

I also get an error in Chrome's console :
Failed to load resource: the server responded with a status of 404 (Not Found) for http://localhost:3000/stories/show/favicon.ico

Please suggest, what I need to do to avoid repeated requests to the server for favicon.io

Thanks.

_{This question is available on Nuxt.js community (#c202)}

question

Source

appsparkler

All 5 comments

Hi @app-sparkler

This request is made from Chrome automatically.

Do you have router.base option configured in your nuxt.config.js?

Atinux on 11 Feb 2017

👍1

Hi @Atinux

i had to define the linkActiveClass so i had to add the router to configuration. This must have _overridden_ the default settings. I have altered it now, and this is how it looks :

// ROUTER CONFIGURATION
  router: {
    linkActiveClass: 'active',
    base: '/'
  }

The error on favicon request have stopped in Chrome; however, the requests are still being made for favicon.ico. This doesn't happen if Firefox so i think its not nuxt specific but a browser thing.

appsparkler on 13 Feb 2017

this is still happening for me even though I added a router.base & a router.linkActiveClass
the favicon appears in Firefox for me but not Chrome...any guesses why?