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

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 解决方法

设置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 解决方法

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

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

</body>

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

最后

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

发现生效

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

Original: https://blog.csdn.net/Deng872347348/article/details/126972474
Author: Deng872347348
Title: Django设置html背景图片失败,出现“GET /images/2.png HTTP/1.1“ 404 2552 解决方法

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

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

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球