修改 favicon.ico

方法一

打开控制端/管理/系统/网站设置，找到网站图标，填写图标路径

如果修改图标后前端页面不生效，则打开前端项目，在根目录找到 next.config.mjs 文件，你可以新增一个配置项或修改现在的，改成你自己的域名，放行图片来源，否则你的网站可能会导致图片不显示。

只有这里面包含的域名加载的资源才能访问！！！

第一步： 将图标转换为 favicon.ico 格式，可以在这个网站转换：https://www.bitbug.net/

第二步： 打开前端项目，找到根目录中的 public ，把刚刚转换后的图标 favicon.ico 上传到这里。

随后打开 src/layout.tsx 文件找到如下代码

html

<link rel="icon" href={data?.favicon || '/favicon.ico'} />

注释或替换为

html

<link rel="icon" href="/favicon.ico" />

第三步： 重新项目打包并将 public 目录上传到服务器