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

相关推荐
网硕互联的小客服1 分钟前
宝塔面板如何关闭https强制跳转http/https共存?
运维·服务器·网络·网络协议·http·https
广州正荣20 分钟前
Python爬虫进阶:气象数据爬取中的多线程优化与异常处理技巧
人工智能·python·科技
Secede.31 分钟前
TrOCR模型微调
python·深度学习·ocr
hello kitty w41 分钟前
Python学习(9) ----- Python的Flask
python·学习·flask
考虑考虑42 分钟前
@MockitoBean注解使用
spring boot·后端·spring
vvilkim1 小时前
Flutter 导航与路由管理:Navigator 的深入解析与实践
前端·javascript·flutter
vvilkim1 小时前
Flutter状态管理进阶:从基础到架构设计
前端·flutter
豌豆花下猫1 小时前
Python 潮流周刊#106:PEP-734 正式接纳,多解释器时代来临(摘要)
后端·python·ai
唐人街都是苦瓜脸1 小时前
pnpm install 和 npm install 的区别
前端·npm·node.js
魔障阿Q1 小时前
华为服务器obsutil使用方法
服务器·人工智能·华为云