1.打开http://www.bitbug.net/ 把自己要用来做网页图标的图片生成icon图标。 2.把生成的图标放在网站的根目录下 3.在html页面加上 < link rel=“icon” href=“图标位置”> 例子： < !DOCTYPE html> < html lang=“en”> < head> < meta charset=“UTF-8”> < title>网页图标< /title> < link rel=“icon” href=“bitbug_favicon.ico”> < /head> < body>
< /body> < /html> 为网页添加书签后 在vue中设置图标时，要把图标放到static文件中，放在src中没用（亲测无效）,然后在index.html中写上< link rel=“icon” href=“static/bitbug_favicon.ico”>(网上看到还要写上type=“image/x-icon” 试了一下没写，得到结果相同)
