解决方法：

图片的格式生成为.ico,利用Windows自带的画图，16*16的大小，选择另存为bmp文件，把后缀改成.ico 依然不显示。
在vue的项目中，图标一类的静态文件应该放在static文件夹中，不能放在src 中，网页把根域名作为相对路径的根目录了，然而我们文件的路径是相对于项目文件的根目录的，因此就找不到了。而static文件夹下的文件（夹）会按照原本的结构放在网站根目录下。这时我们再去使用/static绝对路径，这样就可以访问这些静态文件了。成功解决不显示的问题。
在 <header></header> 中加入：

<link rel="shortcut icon" type="image/x-icon" href="static/img/favicon.ico"/>

意思是将该目录的.ico图标以图标的形式显示
shortcut icon 专指地址上面的图标
image/x-icon" 同上

<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><link  type="image/x-icon" href="static/img/favicon.ico"/><title>统一风控与策略分析管理系统</title></head><body><div id="app"></div><!-- built files will be auto injected --></body>
</html>

【已解决】vue项目地址栏的图标不显示相关推荐

unipapp 解决无法编译sass_如何解决Vue项目里面没有sassloader依赖包的问题
如何解决Vue项目里面没有sass-loader依赖包的问题 [报错问题] [分析问题] 说明项目里面没有sass-loader依赖包,需要安装dart-sass(即该软件包已被弃用,后来被重命名为& ...
快速解决Vue项目打包后文件过大问题
快速解决Vue项目打包后文件过大问题为什么打包后文件过大? 如何快速解决一.路由懒加载[使用es6提案的import()方式] 二.CDN引入为什么打包后文件过大? 移动app项目,使用vue- ...
完美解决vue项目中弹出框滑动时，内部页面也跟着滑动问题
完美解决vue项目中弹出框滑动时,内部页面也跟着滑动问题参考文章: (1)完美解决vue项目中弹出框滑动时,内部页面也跟着滑动问题 (2)https://www.cnblogs.com/qhanti ...
解决vue项目eslint校验 Do not use ‘new‘ for side effects 的两种方法
解决vue项目eslint校验 Do not use 'new' for side effects 的两种方法参考文章: (1)解决vue项目eslint校验 Do not use 'new' fo ...
【Vue-router中，require代替import解决vue项目首页加载时间过久】
vue-router中,require代替import解决vue项目首页加载时间过久的问题 - 雨打芭蕉wt - 博客园
解决Vue项目报错：Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法
解决Vue项目报错:Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法报错如下问题分析明显从图中可以以看 ...
解决vue项目在ie浏览器缓存问题。
解决vue项目在ie浏览器缓存问题. 参考文章: (1)解决vue项目在ie浏览器缓存问题. (2)https://www.cnblogs.com/jiangweichao/p/11255451.ht ...
解决vue项目路由出现message: “Navigating to current location (XXX) is not allowed“的问题
解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题参考文章: (1)解决vu ...
解决vue项目路由出现message: “Navigating to current location (XXX) is not allowed“的问题(点击多次跳转)
解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题(点击多次跳转) 参考文章: ...
解决vue项目在ie、360兼容模式下空白页面问题
完美解决vue项目在ie.360兼容模式下空白页面,并提示语法错误的原因艰难路程解决办法艰难路程事实上,很多人在做项目的过程中很多存在同一个问题,于是去百度了,但是用同样的解决方法不一定就能解 ...

【已解决】vue项目地址栏的图标不显示

【已解决】地址栏的图标不显示

解决方法：

【已解决】vue项目地址栏的图标不显示相关推荐

最新文章

热门文章