vue项目部署到服务器后浏览器标签上的小图标消失不见

在Vue项目部署到服务器后,发现浏览器标签页的小图标缺失。尝试了多种网上建议的解决方案,如清理缓存、修改图标路径等,但问题依然存在。最终发现,问题出在.env.production文件中VUE_APP_BASE_API的值缺少前置斜杠,修正后解决了图标显示问题。此案例提醒我们,解决问题需多角度思考,有时看似无关的设置也可能影响到应用表现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

背景:

最近在开发项目过程中发现一个问题,项目部署到服务器后在浏览器打开,会发现浏览器标签上的小图标消失不见了。百度查找问题,网上给出了许多解决的方案,例如清除浏览器缓存、把图标的相对路径改成绝对路径、不用管,第二天它自己就会出现…,解决方案多种多样,只有你想不到的,没有度娘查不到的。但可能相同的问题有时候相同的方法不一定能解决,上面的方法亲测了一遍对我的项目没有作用,可能问题根本不是出现在这里。

问题:

vue项目部署到服务器后浏览器标签上的小图标消失不见?
在这里插入图片描述

解决思路:

一开始使用百度进行查找解决方法,尝试过一轮发现没效果,挣扎了一段时间后没有进展无奈求助大佬。
查看图标的路径是不是被写成相对路径了,不是,排除
在这里插入图片描述

图片是不是在public下与html同级,不是,排除
在这里插入图片描述
可能是缓存,清理看看,不是,排除

看你env.production里边的VUE_APP_BASE_API这个值,加个/打包后在看看,加后:'/iships/' 这样,BASE_URL这个值有可能被别处用到 。正是,解决
在这里插入图片描述
有的时候解决问题的办法不是唯一的,或许别人的解决办法对你的bug没作用,可以换个角度再试试看。实在不行就问下大佬。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

别来…无恙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值