访问我们的页面的时候,在 Firefox 浏览器的控制台上会提示一个错误,提示找不到一个 favicon.ico 的小图标。我们可以生成一些小图标,在 favicon.io 这个网站上,打开 Converter,然后把提前准备好的小图标图像拖放到这里,再点一下 Download,下载转换之后生成的小图标。
在电脑上找到下载下来的压缩包,解压一下,把解压之后生成的这个目录,拖放到我们的项目里面,在项目里找到这个目录,改一下目录的名字,改成 public 。
然后在这个页面上再复制一下在页面上添加小图标的代码,把这些代码放在页面的 head 标签里面, 我们需要再修改一下这些资源的地址,在这些地址里面需要加上 /public。修改完成以后保存一下文件。
你会发现在我们的页面的标签栏上会显示一个小图标,另外浏览器的错误提示也不见了。