favicon.ico-error解决记录

在这里插入图片描述
写的页面 没有 favicon.ico 这个东西,这个问题并不影响系统的运行,但它会报错。强迫症的我
搜寻了这个解决办法

 @GetMapping("favicon.ico")
 @ResponseBody
 void returnFavicon(){}

个人猜想:
资源获取不到,和 获取到的资源为空 或许是两码事。
仅作记录。

JavaScript中,获取`favicon.ico`通常用于网站的图标处理,特别是在浏览器的标签页或者地址栏显示。你可以通过创建一个XMLHttpRequest对象或者使用Fetch API来从服务器请求这个文件。这里是一个基本的示例: ```javascript // 使用XMLHttpRequest function getFavicon(url) { var xhr = new XMLHttpRequest(); xhr.open('GET', url + '/favicon.ico', true); xhr.responseType = 'blob'; xhr.onload = function () { if (xhr.status === 200) { // 处理返回的blob数据,例如转换为URL或展示 var iconUrl = URL.createObjectURL(xhr.response); document.head.appendChild(new Image().src = iconUrl); } else { console.error('Failed to fetch favicon:', xhr.statusText); } }; xhr.onerror = function () { console.error('Error fetching favicon:', xhr.statusText); }; xhr.send(); } // 调用方法,传入你的网站域名 getFavicon('https://www.example.com'); ``` 或者使用Fetch API: ```javascript async function getFaviconWithFetch(url) { try { const response = await fetch(url + '/favicon.ico'); if (!response.ok) { throw new Error(`Failed to fetch favicon, status ${response.status}`); } const iconBlob = await response.blob(); const iconUrl = URL.createObjectURL(iconBlob); document.head.appendChild(new Image().src = iconUrl); } catch (error) { console.error('Error fetching favicon:', error.message); } } // 同样,调用此方法 getFaviconWithFetch('https://www.example.com'); ``` 注意,由于同源策略限制,如果你不是从同一域请求`favicon.ico`,可能会遇到跨域问题。确保目标服务器设置了正确的CORS策略或者你在本地环境中测试。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值