欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

nginx前端网页小图标配置(favicon.ico not found问题)

发布时间:2024/1/1 HTML 26 豆豆
生活随笔 收集整理的这篇文章主要介绍了 nginx前端网页小图标配置(favicon.ico not found问题) 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

问题

我们自己搭建nginx服务并挂上前端静态资源,按F12会看到有个当前ip和端口下的favicon.ico资源get请求返回404,在nginx后台日志里也能看到CreateFile()的错误。这个问题不会影响网页与其他资源的访问,但是访问页面的请求多了,后台出错日志也很多,不方便我们通过nginx日志检查其他问题。

分析

在我们前端代码里没有显式地写这个资源的访问。不访问自己的网页资源,直接访问当前ip和端口在nginx服务里的根页面。在没有配置自定义页面的情况下是展示nginx的欢迎页面,但在这里也同样出现对favicon.ico的访问。

可以判断,这并不是我们前端页面的问题。其实浏览器多访问的这个资源是当前ip和端口对应页面的图标。

解决

可以找到我们当前端口映射的根目录:

在对应的目录里放上对应名称的网页图标的图片。

在浏览器上重新加载页面,能够看到效果,nginx后台也没有这个资源的出错日志了。

总结

以上是生活随笔为你收集整理的nginx前端网页小图标配置(favicon.ico not found问题)的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。