1.准备一个新的图标文件,通常是. ico格式,也可以是. Png、. Svg等格式
2.将新的图标文件(例如:faviconAt.png)放入项目的public文件夹中。如下图
public文件夹中的所有文件都会在构建时原样复制到最终的输出目录(通常是dist)
3. 修改vue项目的public目录下的index. html文件,如下图
在index. html文件中,添加或修改<1ink>标签来引用新的图标文件。
4.重启动服务器, npm run dev运行项目 ,可以看到图标己更改为faviconAt.png