You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Strapi v4+更换Favicon问题:无法替换默认Strapi图标

在Strapi中替换网站图标(Favicon)的解决方法

以下是针对你遇到的无法替换默认Strapi图标的可行解决方案:

  • 直接替换静态文件
    Strapi项目的默认favicon存放在根目录的public/favicon.ico路径下,把你转换好的同名图标文件直接覆盖这个文件即可。如果你的图标是PNG等其他格式,需同步修改对应的引用路径。

  • 配置管理面板的自定义favicon(Strapi v4)
    若管理后台的favicon未更新,先在项目根目录下创建或编辑src/admin/app.js文件,添加head配置项指定自定义图标:

    export default {
      config: {
        head: {
          favicon: '/your-custom-favicon.ico', // 替换成你的图标文件名
        },
      },
    };
    

    将你的图标文件放到public文件夹后,重启Strapi服务即可生效。

  • 强制清除浏览器缓存
    浏览器常会缓存旧的favicon,按Ctrl+Shift+R(Windows/Linux)或Cmd+Shift+R(Mac)强制刷新页面,或者手动清除浏览器缓存后再查看效果。

  • 检查图标格式与命名
    确保图标为标准的favicon.ico格式(推荐16x16、32x32像素尺寸),如果使用PNG格式,需保证文件名和配置中的路径完全匹配,比如配置里写/favicon.png,就把对应文件放到public目录下。

内容的提问来源于stack exchange,提问作者mainak

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.11 20:39:52