Nginx部署的favicon.ico在Chrome中无法显示的排查求助
网站favicon.ico显示问题排查与解决
- 运行环境:Ubuntu 22.04系统的VirtualBox虚拟机,部署Nginx服务,网站整体运行正常
- 已将16x16尺寸的
favicon.ico文件放置在/var/www目录,目录文件列表如下:
$ sudo ls -al /var/www total 28 drwxr-xr-x 6 root root 4096 Feb 7 21:02 . drwxr-xr-x 14 root root 4096 Jan 27 04:53 .. -rw-r--r-- 1 root root 1086 Feb 7 21:04 favicon.ico <snip>
- Nginx的
location /块配置如下:
location / { root /var/www; <snip> }
问题现象
访问主页http://10.0.0.10/home时页面显示正常,但网站图标未加载;直接访问http://10.0.0.10/favicon.ico可正常显示图标。已尝试清除Chrome缓存、使用无痕窗口重新加载,问题未解决。
排查更新
已在HTML头部添加图标链接,通过Chrome开发者工具确认该标签已存在于页面头部,再次清除缓存并重启浏览器后,检查Nginx的access.log发现无favicon.ico的请求记录,问题仍未解决。添加的HTML代码如下:
<meta content="Home page for website" name="description"> <link rel="icon" type="image/x-icon" href="favicon.ico">
最终结果
后续问题自行恢复,图标可正常显示。
内容的提问来源于stack exchange,提问作者JohnA
相关产品推荐
相关产品推荐

