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

2023-06-17 21:54:50 +08:00
 vileer

favicon 设置的代码是如下:

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

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

1367 次点击
所在节点    前端开发
12 条回复
yyss8
2023-06-17 21:59:16 +08:00
部署完链接直接复制到浏览器看看能加载图片吗
tyzandhr
2023-06-17 22:09:53 +08:00
什么服务器，有没有开文件服务？换成 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
@yyss8
@tyzandhr
@0o0O0o0O0o 直接访问图片地址是可以访问的。
vileer
2023-06-17 23:16:18 +08:00
@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
image 前面加个斜杠？
vileer
2023-06-18 00:02:46 +08:00
@IvanLi127 这个试过了还是不行.
ladypxy
2023-06-18 00:06:52 +08:00
需要放到根目录，不要自己制定路径
vileer
2023-06-18 02:44:08 +08:00
@ladypxy 嗯放根目录解决了，但是疑问是为什么本地可以显示，域名访问不行这个搞不懂
xarthur
2023-06-18 05:55:39 +08:00
权限问题？
vileer
2023-06-18 15:21:22 +08:00
@xarthur 应该不是,直接访问可以访问到图标的,最后通过放在根目录解决
xarthur
2023-06-18 20:35:31 +08:00
@vileer 哦，你没有用 Live-serve 这种东西是吧……

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/949610

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX