为啥我的网站图标不在服务器上工作，但在本地工作？
Posted
技术标签:
【中文标题】为啥我的网站图标不在服务器上工作，但在本地工作？【英文标题】：Why is my favicon not working on server but is working locally?为什么我的网站图标不在服务器上工作，但在本地工作？ 【发布时间】：2015-02-04 15:33:03 【问题描述】：网络开发新手。我有一个在本地工作但不想在服务器上运行的图标。以下是我在head标签中的favicon标签：
<link rel="icon" type="image/png" href="../favicon/microphone-icon-192783/microphone-icon-16-192783.ico"/>
我是否缺少服务器的某些内容？
【问题讨论】：
什么服务器技术？你的网站图标在哪里？ 【参考方案1】：老问题，但对于遇到与我相同问题的任何人..
花了大约一个小时试图弄清楚为什么我会遇到同样的问题。清除历史，更新代码无效。
重启了chrome浏览器，马上就可以了啊
【讨论】：
【参考方案2】：只需将网站图标上传到您的根目录并将其命名为“favicon.ico”。通过将其放在您的根目录中，您将拥有域中所有页面的默认网站图标。
根据您使用的浏览器，您可以将以下两行添加到页面的头部。
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
【讨论】：
我已经确定这是答案；实际上机器做了 您只需要rel="shortcut icon" 版本，并且仅当您想支持IE rel="icon"（其他人都遵循的标准）。所有其他浏览器都正确地将rel 视为空格分隔列表，并且无论如何都明确允许"shortcut icon"。话虽如此，请注意上面的代码 - 它相对于当前路径，例如在mysite.com/path/page.html 中，它将引用mysite.com/page/favicon.ico。此外，如果您的 favicon.ico 位于根目录中 - 根本没有理由拥有标签。
谢谢！！！ <link rel="icon" href="favicon.ico" type="image/x-icon"> 帮助。
这很有趣的 html 链接标签没有增加价值只是重新启动浏览器【参考方案3】：
制作一个 PNG 文件并将其设置为 index.html 页面中的 favicon，以便覆盖缓存：
<html><head><link rel='icon' type='image/png' href='favicon.png' /></head></html>
有效。
【讨论】：
【参考方案4】：尝试将图标上传到网络上的某个位置，并将其链接到该图片网址。我记得在访问本地计算机上的背景图像时遇到问题，但如果我试图从网络链接它，我没有问题。我认为this 应该可以解决问题。不过没用过。
【讨论】：
【参考方案5】：您可以尝试像这样删除../。
<link rel="icon" type="image/png" href="favicon/microphone-icon-192783/microphone-icon-16-192783.ico"/>
但是如果这不能解决它，我们可以根据服务器根目录获得文件路径吗？这样更容易找到解决方案:)
【讨论】：
我认为这不会解决问题。通过输入../，他将返回一个文件夹，回到他的文件所在文件夹的父文件夹。如果没有../，则只会在<link>所在的文件夹中进行搜索。【参考方案6】：
您可以尝试<link href="/favicon.ico" rel="shortcut icon">，其中“/”代表绝对根路径...（根目录）
【讨论】：
【参考方案7】：确保服务器上具有图标图像的文件夹的权限设置为0755。
【讨论】：
【参考方案8】：<link rel="icon" href="./favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
如果这仍然不会更新网页上的图标，重新启动浏览器
【讨论】：
以上是关于为啥我的网站图标不在服务器上工作，但在本地工作？的主要内容，如果未能解决你的问题，请参考以下文章
从 Parse.com 启动 - 为啥 cURL POST 到解析服务器在本地工作而不在 Heroku 上工作？
Laravel 安全重定向过滤器在我的本地工作，但不在服务器上