01-必须在网页的head标签中放上对icon图标的说明语句:
比如下面这样的语句:
<link rel="shortcut icon" href="/favicon.ico">
否则,浏览器虽然能读到图标,但是不会把图标显示在标签上。
02-为了和本地开发兼容,在Django的HTML模板中最好用静态文件加载的方式去获取ico静态文件。
关于Django静态文件的加载机制和原理,可以参考博文 https://blog.csdn.net/wenhao_ir/article/details/134493471
代码如下:
<link rel="shortcut icon" href="{% static 'app1/other/favicon.ico' %}">
03-如果设置了反向代理,注意还需要配置Nginx的静态文件location块,添加对后缀名为ico的文件的匹配:
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|ico)${expires 30d;error_log off;access_log /dev/null;}
注意:http和https两处都要更改。
04-如果某个页面没有设置icon的路径,那么浏览器会默认到网站根目录中读取文件favicon.ico,所以除了在静态文件目录中放好favicon.ico文件,最好在网站的根目录也放一个文件favicon.ico。
05-favicon.ico文件的生成可以利用网站:https://www.tools.fun/favicon.html 生成。