网站 favicon 本地运行显示,但是部署到服务器就不显示

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 525 天前的主题，其中的信息可能已经有所发展或是发生改变。

favicon 设置的代码是如下:

<head>
<link rel="icon" href="images/favicon.png">
</head>

本读运行通过 127.0.0.1:8000 访问能在 chrome 的 tab 看到图标,但是部署到服务器上用域名访问 tab 就是默认图标.F12 看了下域名访问的根本没用去请求这个文件. 不知道有没有人知道怎么解决?

第 1 条附言 · 2023-06-18 00:04:47 +08:00

目前通过把favicon.png放到根目录解决了,但是导致这个问题的原理是什么还是不清楚.

<head>
<link rel="icon" href="favicon.png">
</head>

12 条回复 • 2023-06-18 20:35:31 +08:00

yyss8

2023-06-17 21:59:16 +08:00 via iPhone

部署完链接直接复制到浏览器看看能加载图片吗

tyzandhr

2023-06-17 22:09:53 +08:00 via Android

什么服务器，有没有开文件服务？换成 jpg 试试？

0o0O0o0O0o

2023-06-17 22:15:34 +08:00

0. 再开个 tab 单独请求 favicon 看看能不能成功
1. 测试时 hard reload
2. favicon 我一般是参考 https://realfavicongenerator.net/ 生成的例子

vileer

2023-06-17 23:10:19 +08:00 via iPad

@yyss8
@tyzandhr
@0o0O0o0O0o 直接访问图片地址是可以访问的。

vileer

2023-06-17 23:16:18 +08:00 via iPad

@0o0O0o0O0o 用你发的网站 check 了下提示“ Image http://xxx.com/images/favicon.png may not be useful regarding its size”，我用这个网站生产下重新上传看看

IvanLi127

2023-06-17 23:16:29 +08:00 via iPad

image 前面加个斜杠？

vileer

2023-06-18 00:02:46 +08:00

@IvanLi127 这个试过了还是不行.

ladypxy

2023-06-18 00:06:52 +08:00 via iPhone

需要放到根目录，不要自己制定路径

vileer

2023-06-18 02:44:08 +08:00 via iPhone

@ladypxy 嗯放根目录解决了，但是疑问是为什么本地可以显示，域名访问不行这个搞不懂

xarthur

2023-06-18 05:55:39 +08:00 via iPhone

权限问题？

vileer

2023-06-18 15:21:22 +08:00

@xarthur 应该不是,直接访问可以访问到图标的,最后通过放在根目录解决

xarthur

2023-06-18 20:35:31 +08:00 via iPhone

@vileer 哦，你没有用 Live-serve 这种东西是吧……