Nuxt.jsのサイトでファビコン(favicon.ico)を設定する

Nuxtプロジェクトを作成するとデフォルトでNuxtのアイコンが設定されているのでそのfavicon.icoを差し替えればよい 差し替えるファイルの場所は

(プロジェクトルート)/static/favicon.ico

ファイル名を変えたい場合は、nuxt.config.tsの head の linkの中を編集する必要がある

export default {
  mode: 'spa',
  /*
   ** Headers of the page
   */
  head: {
    title: 'Nuxt app',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' } // ここを変更する
    ]
  },
// 略
}