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文件夹
打开settings.py
设置settings静态路径
在settings文件最下面添加以下代码:
可以直接复制以下代码
STATIC_URL = '/static/'
STATICFILES_DIRS=[
os.path.join(BASE_DIR,'static')
]
4、在html文档的开始位置加上
{% load static %} 来加载静态文件,不然浏览器会报错
此时,我们就可以在标签中通过url添加背景图片:
可以直接复制以下代码
<body style="background-image: url({% static 'images/1.jpg' %});
background-size:100% 200%;background-repeat:no-repeat;">
</body>
需要注意一下url的格式,使用的是相对路径,no-repeat表示图片不重复。
最后
启动Django项目 访问网页端口,查看背景图片是否生效,
发现生效
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/
转载文章受原作者版权保护。转载请注明原作者出处!