Skip to content

添加标签栏的图标

这里需要注意一下,如果你的项目不是在根目录下

那么你需要在路径前加你的仓库名哦

这里我的项目是在 vitehub 文件夹下面

我这边的仓库名是 vitehub ,你们要改成你们的仓库名

不然你设置了也不显示的哦

下面的代码也有说,自己认真看理解

vitehub 下新建文件夹 public

然后把图片文件粘贴到 public 文件夹下

js
export default {
  head: [['link', { rel: 'icon', href: '/favicon.ico' }]]
} // 将 favicon.ico 放在公共目录中,如果设置了 base,则使用 /base/favicon.ico

/* 渲染成:
  <link rel="icon" href="/favicon.ico">
*/
js
export default defineConfig({
  base: '/vitehub/',
  title: "小白文档",
  description: "宝小宝的小白文档",
  head: [['link', { rel: 'icon', href: '/favicon.ico' }]]
})

上面介绍的也差不多了,对于小白来说只要改下面的代码即可

js
head: [['link', { rel: 'icon', href: '/favicon.ico' }]]

或者是下面的哦,因为我的是在vitehub

js
head: [['link', { rel: 'icon', href: '/vitehub/favicon.ico' }]]

Released under the MIT License