The icon in the title can't show

[MoLiShang]

When i set the meta in nux.config.js with local link,the icon can't show
{ name: 'viewport', content: 'width=device-width, initial-scale=1', rel: 'icon', href: '/favicon.ico' },
If i set the remote link,the icon can show.
{ name: 'viewport', content: 'width=device-width, initial-scale=1', rel: 'icon', href: 'http://xxx.com/favicon.ico' },
But icon link awlays in local,what could i do to show it?

[danielroe]

It looks like you're combining a link and a meta tag. Can you confirm what your actual config is, and whether you have a favicon in your static directory?

[MoLiShang]

This is my directory structure.

As you see,i have two favicon.ico in two direction,and i just want to ensure the config can read the link.
And i really test lot of times in my browser,i can find the meta tag in the dom,And when i copy the icon link address,it also can show in the browser.

[MoLiShang]

Then i want to see how native nuxt deal with it,but when i create a new nuxt app,it sounds like nuxt also have this problem。


It sounds like native nuxt also can't show the title icon

[danielroe]

@MoLiShang As I said previously, you have an invalid entry for your favicon which is why it is not showing. It should not be:

meta: [
  { name: 'viewport', content: 'width=device-width, initial-scale=1', rel: 'icon', href: 'http://xxx.com/favicon.ico' }
]

You have combined two different tags. Instead it should be as in the new Nuxt project you created.

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

You can find out more in the MDN docs.

[MoLiShang]

I've done as your said ，but it not useful.Actually,my new test nuxt project also can't show.(just created,not change any code)And the pictures my last reply is belong my test project.

I think the entry is not invalid because I can see the icon from the browser,the path i copied in the DOM is useful.