给vue项目添加favicon.ico图标

本文介绍了如何在Vue项目中添加favicon.ico图标。包括本地环境和线上项目的配置步骤,涉及npm run dev和npm run build命令的使用,以及解决配置错误可能导致的报错问题。
摘要由CSDN通过智能技术生成

效果如下:
在这里插入图片描述
在这里插入图片描述
操作步骤:
1、本地环境下的favicon.ico配置:

如上图的截图,如果本地环境不需要可不配置,但是配置完需要重新执行 npm run
dev,如果执行此命令报错,说明下图所示的favicon地址配置不正确。

在这里插入图片描述
2、线上项目的favicon.ico配置:

配置完毕后重新执行:npm run build,重新打包。

在这里插入图片描述

在浏览器运行dist>index.html文件,即可看到效果。
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值