【已解决】地址栏的图标不显示
解决方法:
- 图片的格式生成为.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>