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

V2EX = way to explore

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

已注册用户请登录

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

favicon 设置的代码是如下:

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

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

第 1 条附言 · 314 天前

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

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

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

yyss8

314 天前 via iPhone

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

tyzandhr

314 天前 via Android

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

0o0O0o0O0o

314 天前

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

vileer

314 天前 via iPad

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

vileer

314 天前 via iPad

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

IvanLi127

314 天前 via iPad

image 前面加个斜杠？

vileer

314 天前

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

ladypxy

314 天前 via iPhone

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

vileer

314 天前 via iPhone

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

xarthur

314 天前 via iPhone

权限问题？

vileer

314 天前

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

xarthur

313 天前 via iPhone

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