本地服务器中Favicon无法显示，如何解决该问题？

问题详情 #

本地服务器环境中尝试添加简单Favicon，已在论坛多方搜索并尝试所有方法，仍无法解决问题。

当前插入到HTML头部的代码：

<link href="http://www.canwise.com/favicon.ico" rel="shortcut icon" type="image/x-icon"/>

注：Favicon图片与页面HTML文件位于同一文件夹，未放入images文件夹。

解决建议 #

• 修正文件路径：图标和HTML同目录，无需使用外部绝对URL，改用相对路径：

  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
  

  现代标准写法也可以用：

  <link rel="icon" type="image/x-icon" href="favicon.ico">
  

• 强制刷新缓存：浏览器会缓存旧的Favicon，按Ctrl+F5（Windows）或Cmd+Shift+R（Mac）强制刷新，或直接清空浏览器缓存后重试。
• 验证图标文件：确保favicon.ico是有效的ICO格式，推荐尺寸16x16或32x32像素，避免文件损坏。
• 配置服务器MIME类型：部分本地服务器需配置允许ICO文件的MIME类型：
  • Apache：在.htaccess中添加

    AddType image/x-icon .ico
    

  • Nginx：在配置文件中添加

    types {
        image/x-icon ico;
    }
    

内容的提问来源于stack exchange，提问作者Aditya Grover