Django设置html背景图片失败，出现“GET /images/2.png HTTP/1.1“ 404 2552 解决方法

问题描述

Django设置html背景图片失败，出现“GET /images/2.png HTTP/1.1“ 404 2552
background-image: url('图片觉得路径')

背景图片使用这个后面，运行Django框架程序，发现还是没有图片，报错 404图片没有找到问题

但是 使用在线图片地址可以显示背景图片

例如

background-image: url('图片在线路径')

问题原因

Django 设置背景图片路径的时候，不能用上面的路径，要访问静态资源图片信息要使用 模块渲染后面加载静态资源

解决方法

templates同级目录下创建文件夹​​static​​/images，将背景图放入images文件夹

Django设置html背景图片失败，出现“GET /images/2.png HTTP/1.1“ 404 2552 解决方法_背景图片

打开settings.py

Django设置html背景图片失败，出现“GET /images/2.png HTTP/1.1“ 404 2552 解决方法_python_02

设置settings静态路径
在settings文件最下面添加以下代码：
可以直接复制以下代码

STATIC_URL = '/static/'
STATICFILES_DIRS=[
    os.path.join(BASE_DIR,'static')
]

4、在html文档的开始位置加上
{% load static %} 来加载静态文件，不然浏览器会报错

Django设置html背景图片失败，出现“GET /images/2.png HTTP/1.1“ 404 2552 解决方法_背景图片_03

此时，我们就可以在标签中通过url添加背景图片：
可以直接复制以下代码

<body style="background-image: url({% static 'images/1.jpg' %});
        background-size:100% 200%;background-repeat:no-repeat;">

需要注意一下url的格式，使用的是相对路径，no-repeat表示图片不重复。

最后

启动Django项目 访问网页端口，查看背景图片是否生效，

发现生效

Django设置html背景图片失败，出现“GET /images/2.png HTTP/1.1“ 404 2552 解决方法_python_04