vue项目中浏览器图标的设置
来源:互联网 发布:动物相机软件 编辑:程序博客网 时间:2024/05/16 01:37
在vue项目中,我们怎样设置浏览器图标?
我们来看vue项目的目录结构,根目录下有一个index.html,这个就相当于我们普通项目中的各个html页面文件,所以设置方法就是在index.html的head标签中添加link标签。
在这里要注意的是图标文件的位置,不能放到src里,这样的路径会让浏览器找不到。网页把根域名作为相对路径的根目录了,然而我们文件的路径是相对于项目文件的根目录的,因此就找不到了。
因此,图片一类的静态文件,应该放在这个static文件夹下,这个文件夹下的文件(夹)会按照原本的结构放在网站根目录下。这时我们再去使用/static
绝对路径,这样就可以访问这些静态文件了。所以推荐将项目中的静态文件放到static文件夹下。
将favicon.ico的图标文件放到static文件夹内,在index.html的head中添加:
<link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico">
保存并刷新浏览器,看浏览器图标已经正确设置上了。
阅读全文
1 0
- vue项目中浏览器图标的设置
- 浏览器访问项目时图标的设置
- Vue中怎么设置图标
- 设置浏览器的图标
- vue项目中如何使用字体图标
- 关于web项目设置浏览器图标
- Vue项目中设置背景图片
- 如何设置浏览器址栏上的小图标
- 修改tomcat项目的浏览器标签图标
- 修改项目浏览器标签的图标
- 设置浏览器地址栏图标
- 浏览器图标设置
- 解决Vue项目在IE浏览器中显示空白的问题
- 对象浏览器中各图标的含义
- 修改tomcat小猫图标,设置项目的favicon图标
- vue中引入iconfont图标
- Vue项目兼容IE浏览器
- 设置浏览器左上角小图标
- Python+pycharm安装详细教程
- MFC文件操作大全
- tcp keeplive
- 从Uncaught SyntaxError: Unexpected token ")" 问题看javascript:void的作用
- HDU 6141 I am your Father!(最小树形图)
- vue项目中浏览器图标的设置
- bjui关闭当前页及弹窗层,刷新当前页及弹窗层
- Friend-Graph(HDU 3152)
- Qt 学习之路 2(36):二进制文件读写
- 详情页返回列表内容缓存及定位实现
- 去掉alert,confirm弹出框显示的url
- poi操作word文档(替换,插入图片)
- 剑指Offer 面试题14 剪绳子
- 发送手机验证码在activeMQ中简单应用