I first set it up in the nuxt.config.js file,Then putting the favicon.ico file in the root directory does not work, then putting it in the static folder does not work, and finally putting it in assets does not work, the icon at the top is not displayed
head:{
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
],
}
I also tried to change the configuration to the following and then adjust it, but it still did not take effect.
<head>
<link rel='icon' type='image/png' href='/favicon.png'>
</head>
You can follow these steps below to get it done:
Navigate to the static folder and delete the favicon.ico file.
Now, go ahead and add a new favicon inside the static folder (note that the favicon name should be favicon.ico
Confirm if your nuxt config file has this in it:
link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]