添加标签栏的图标
这里需要注意一下,如果你的项目不是在根目录下
那么你需要在路径前加你的仓库名哦
这里我的项目是在 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' }]]