python测试开发django-195.Django添加favicon.ico图标

前言

当访问自己开发的django 网站是会出现,访问 http://localhost:8000/favicon.ico地址 404

python测试开发django-195.Django添加favicon.ico图标

favicon.ico图标

favicon.ico 是网站的图标,也就是我们浏览器打开一个网站时,左上角出现的,如百度

python测试开发django-195.Django添加favicon.ico图标

如果我们需要给网站加一个图标,需先在线制作一个,制作地址https://www.bitbug.net/
选择一个本地图片以生成Favic.ico图标

[En]

Select a local picture to generate the favicon.ico icon

python测试开发django-195.Django添加favicon.ico图标

django项目

在生成图标后,它被放置在静态/图像目录中

[En]

After the icon is generated, it is placed in the static/images directory

python测试开发django-195.Django添加favicon.ico图标

解决方案1:

[En]

Solution 1:

urls.py 配置访问地址

from django.urls import path, re_path
from django.views.generic.base import RedirectView

urlpatterns = [
    ......

    re_path(r'^favicon.ico$', RedirectView.as_view(url=r'static/images/favicon.ico')),
]

将请求“/Favic.ico”指向本地静态/Images/Favic.ico文件

[En]

Point the request “/ favicon.ico” to the local static/images/favicon.ico file

解决方案2:

[En]

Solution 2:

也可以用html将其添加到全局位置。

[En]

It can also be added to the global location in html

<head>
    <link rel="shortcut icon" href="{%static " images favicon.ico" %}">
</head>

页面显示效果

[En]

Page display effect

Original: https://www.cnblogs.com/yoyoketang/p/16463393.html
Author: 上海-悠悠
Title: python测试开发django-195.Django添加favicon.ico图标

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/6350/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

最近整理资源【免费获取】:   👉 程序员最新必读书单  | 👏 互联网各方向面试题下载 | ✌️计算机核心资源汇总