Vue框架修改浏览器的标题和图标

在创建Vue项目时一般会用默认的项目标题和图标，不是很美观也可能不符合项目的需求，所以有时候就需要改变项目在浏览器上方的标签名称或者图标。

1.找到项目根目录的index.html

修改标签名或者图标都需要在项目根目录下的index.html文件中修改

2.修改标签名称

进入index文件，找到title标签，修改title标签就能直接改变浏览器的标签名。

   

   

   

   

2.修改图标

修改图标我们需要在 index.html 的head 添加 link 标签进行修改 

 

 

这里需要注意要把自己的的图片放在static目录下（不要放在src目录下，浏览器会找不到）

将favicon.ico的图标文件放到static文件夹内，href="引入的图片路径"。

保存并刷新浏览器，看浏览器图标已经正确设置上了。