## 事象
[[Nuxt3]]で[[nuxt.config]]を以下のように設定しても[[favicon]]が取得できない。
```ts
app: {
baseURL: /base/,
head: {
link: [{ rel: "icon", type: "image/png", href: "/favicon.ico" }],
},
},
```
## 原因
`head.link.href`が`/`からはじまるパスになっているから。`/`から始まるパスになっていると、[[baseURL (Nuxt)|baseURL]]が設定されていてもそれが反映されないから。(上記の場合 `.../base/favicon.ico` ではなく `.../favico.ico` になる)
## 解決方法
先頭に`baseURL`をつければよい。
```ts
const baseURL = "/base"
// 中略
app: {
baseURL,
head: {
link: [{ rel: "icon", type: "image/png", href: `${baseURL}/favicon.ico` }],
},
},
```