Django部署到服务器后无法获取到静态元素 The requested resource was not found on this server

问题描述

写了一个Django项目,部署到云主机后,访问发现图片无法访问,报错The requested resource was not found on this server

图片是一个词云图,根据爬虫爬取的信息生成的,根据爬取的信息会改变,所以没有把图片放在nginx中,而是直接获取Django的图片

原因分析:

直接原因是因为发布到服务器,将DEBUG设置成False
根本原因是,DEBUG模式下,Django本身相当于一个liveServer,默认可以加载静态元素,我们可以将静态元素放入一个目录,配置一个URL 就可以获取

代码:

python 复制代码
# settings.py
STATIC_URL = "static/"
import os
STATIC_ROOT = (
    os.path.join(BASE_DIR, 'app1/static')
)
STATICFILES_DIRS = (
    # 收集静态元素,保存到项目同级别目录static下
    os.path.join(BASE_DIR, 'static'),
)

settings.py下三个配置项:
STATIC_URL 配置的请求静态元素的URL,默认是static,比如要访问1.png,访问地址就是http://xxx.xxx.xxx.xxx/static/1.png
STATIC_ROOT 配置的静态元素的存放的路径,也就是1.png存放的路径。另外,当项目部署时,使用python manage.py collectstatic将所有静态元素保存在此路径
STATICFILES_DIRS这个配置不影响访问,可以理解是一个公共路径,可以将多个app的静态元素保存在这个路径,Django会优先查找此路径,再查找app下的STATIC_ROOT

当DEBUG=False时,可以Django只是一个后端服务器,不再提供静态元素展示,所以访问静态元素时就会报错The requested resource was not found on this server

解决方案:

将静态元素也通过url路由的方式暴露出来,通过路由方式访问

也就是Django提供的内置视图

官网:https://docs.djangoproject.com/zh-hans/4.1/ref/views/

python 复制代码
# settings.py
STATIC_ROOT = (
    os.path.join(BASE_DIR, 'app1/static')
)

# urls.py
from django.urls import path, include, re_path
from django.conf import settings
from django.views.static import serve

urlpatterns = [
    path("admin/", admin.site.urls),
    path("largescreen/", include("carlargescreen.urls")),
    re_path(r'^images/(?P<path>.*)$', serve, {'document_root': settings.STATIC_ROOT }),
]

访问http://xxx.xxx.xxx.xxx/images/1.png ,就会访问到app1/static/1.png

相关推荐
布局呆星10 分钟前
Vue3 计算属性|从基础缓存到可读写
前端·javascript·vue.js
青瓷程序设计1 小时前
基于YOLO的火灾烟雾检测系统~Python+目标检测+算法模型+2026原创
python·yolo·目标检测
立莹Sir1 小时前
Spring Bean 生命周期详解
java·python·spring
uElY ITER1 小时前
Spring全家桶简介
java·后端·spring
JHC0000007 小时前
基于Ollama,Milvus构建的建议知识检索系统
人工智能·python·milvus
mOok ONSC7 小时前
SpringBoot项目中读取resource目录下的文件(六种方法)
spring boot·python·pycharm
lay_liu7 小时前
springboot 文件下载
java·spring boot·后端
ZPC82107 小时前
如何创建一个单例类 (Singleton)
开发语言·前端·人工智能
SEO-狼术8 小时前
Support Network Diagnostics in .NET
运维·服务器·网络
紫_龙8 小时前
最新版vue3+TypeScript开发入门到实战教程之重要详解readonly/shallowReadOnly
前端·javascript·typescript