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

相关推荐
行走的陀螺仪35 分钟前
Vue3远程加载阿里巴巴字体图标实时更新方案
前端·icon·字体图标·阿里巴巴图标库
小邓   ༽35 分钟前
C语言课件(非常详细)
java·c语言·开发语言·python·eclipse·c#·c语言课件
q***783736 分钟前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
不穿格子的程序员37 分钟前
操作系统篇3——深入理解操作系统:Linux 常用命令、系统中断与用户态/内核态详解
linux·服务器·操作系统·内核态·用户态·中断
z***948438 分钟前
使用rustDesk搭建私有远程桌面
android·前端·后端
e***985739 分钟前
springboot接入deepseek深度求索 java
java·spring boot·后端
A***071741 分钟前
Rust在网络中的Actix Web
开发语言·后端·rust
闲人编程1 小时前
Django中间件开发:从请求到响应的完整处理链
python·中间件·性能优化·django·配置·codecapsule
❆VE❆1 小时前
【技术分享】前端跨窗口/标签页面通信:掌握以下几种方法,提升用户体验(附带常用场景以及典例)
前端·javascript·性能优化·vue·跨标签通信
f***24111 小时前
SpringBoot中整合ONLYOFFICE在线编辑
java·spring boot·后端