背景:

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

问题:

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

解决思路:

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

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

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

Logo

前往低代码交流专区

更多推荐