解决nginx服务器上favicon死活刷不出来的问题。解决nginx服务器上favicon死活刷不出来的问题。解决nginx服务器上favicon死活刷不出来的问题。

最新推荐文章于 2024-05-03 18:35:33 发布

哇靠哇靠

最新推荐文章于 2024-05-03 18:35:33 发布

阅读量1.4k

点赞数

文章标签：服务器 nginx 运维

本文链接：https://blog.youkuaiyun.com/weixin_39531373/article/details/108531846

版权

本文描述了在Nginx服务器上配置文件导致的图标加载失败问题，通过调整rewrite规则和location配置解决了问题。同时，介绍了如何正确配置favicon.ico以避免错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个坑跟解决上一个问题的干涉有关，为了解决上一个问题而添加的代码rewrite ^.+(?<!js|css|png|map)$ /index.html break，将ico文件给过滤了，后修改为rewrite ^.+(?<!js|css|png|map|ico|jpg|otf)$ /index.html break;，同时也把要用到的jpg和otf文件给免过滤了。
但是问题依旧没解决，我本地的nginx正常了，可是上传到服务器上又有问题了，后要来了服务器的.conf文件，删除了一个location location = /favicon.ico { log_not_found off; access_log off; }后问题解决。

坑比。

。。。。。。更新。。。。。。。。。。。。。。。。。。。。
找到另外一种方法不用删除location = /favicon.ico { log_not_found off; access_log off; }，将favicon.ico打包时拷贝到static文件夹下，在html中引入<link rel="shortcut icon" href="static/favicon.ico">。上述方法之所以要删除那段location配置是因为用了new HtmlWebpackPlugin中的favicon: path.resolve('src/static/favicon.ico'),配置，此配置将favicon默认打包到根目录，并在html中自动引入到根目录。

因为根目录，所以会报错？

坑比