2022-05-09 网站图标问题
问题描述
我想给本网站设置图标(favicon.ico),于是将图片放到网站根目录,使用链接访问(http://dannie.fun/favicon.ico),结果可以访问图片的链接。但是,如果在网页源代码的link rel="shortcut icon"标签的href属性里使用该链接,则浏览器加载不了该图标。尝试修改链接发现改为二级域名图标(http://www.dannie.fun/favicon.ico)(之所以可以访问,是因为做了www.dannie.fun重定向到dannie.fun)或者github图标(https://github.com/fluidicon.png),结果浏览器可以正常加载。额外说明:Nginx没有配置特殊规则,无问题。
解决办法
发现在链接后面加参数后(http://dannie.fun/favicon.ico?),浏览器就可以正常加载了。只有不能加载的原因和加参数就能加载原因分别是什么,目前还不知道。
完整代码如下:
<!DOCTYPE html>
<html lang="ch">
<head>
<meta charset="UTF-8">
<title>html测试</title>
<link rel="shortcut icon" href="http://dannie.fun/favicon.ico?" type="image/x-icon" />
</head>
<body>
测试网站图标
</body>
</html>
过了大概1个小时后,再访问网站,发现可以正常显示了,不用加问号。可能只是刚上传的图片,需要时间吧。