windows+django+nginx部署静态资源文件

news2024/11/27 16:26:14

平台：windows
python：3.10.0
django：4.0.8
nginx：1.24.0

背景

开发阶段采用前后端分离模式，现在要将项目部署到工控机上，把前端项目编译出来的静态文件放到后端项目中进行一体化部署，且不修改生成的html文件，不使用django的模板标签

项目结构

在这里插入图片描述

开发模式

相关配置
settings.py

#项目根目录路径，也可以用其它写法
BASE_DIR = Path(__file__).resolve().parent.parent

#仅在DEBUG模式（开发模式）下，才能用django自带的方法加载静态资源
DEBUG = True

#模板配置
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        # 模板文件存放的位置，这里html文件放在项目的static文件夹下
        'DIRS': [os.path.join(BASE_DIR, 'static')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

#静态文件的基础 URL
STATIC_URL = '/static/'	
#第一个斜杠加不加都可以，但这个前缀必须和html文件中请求资源文件的url前缀保持一致
#例如，html文件中请求资源文件的url为：/static/js/chunk-vendors.js，那么这里就不能写成statics或者其它的，否则匹配不上

#静态文件搜索目录
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
    os.path.join(BASE_DIR, 'static','static'),	
    #由于脚本文件放在 工程绝对路径/static/static/js目录下，所以搜索目录必须加上 工程绝对路径/static/static，否则当请求路径为 /static/js/chunk-vendors.js时，只会到 工程绝对路径/static目录下去找，不会到下一级static目录继续寻找
]

#总结：
#请求路径为 /static/js/chunk-vendors.js
#先到 工程绝对路径/static/js/chunk-vendors.js寻找(STATICFILES_DIRS配置的第一个目录)
#找不到目标文件，再到 工程绝对路径/static/static/js/chunk-vendors.js寻找(STATICFILES_DIRS配置的第二个目录)
#如果还是找不到资源文件，就会报错（404）

由于资源文件是前端项目直接生成的，我并不想用模板标签对生成的HTML文件进行改动。刚开始出现了访问不到资源文件的问题，后来发现在不使用模板标签的情况下，在HTML文件中访问静态文件，也是需要通过路由映射的。django提供了 staticfiles_urlpatterns() 这个函数将静态文件服务的url模式添加到django项目的url配置中，所以不需要我们手动添加。
当DEBUG设置为True时，django会自动提供静态文件服务，这样在开发环境中，就可以通过访问STATIC_URL中定义的路径来获取静态文件。
urls.py

from django.contrib.staticfiles.urls import staticfiles_urlpatterns
from django.http import HttpResponse
from django.views.generic.base import TemplateView

urlpatterns = [
    path('admin/', admin.site.urls),
    path('system/', include(DeviceManager.urls)), # demo add
    path('', TemplateView.as_view(template_name='index.html')),
    path('monitor', TemplateView.as_view(template_name='monitor.html')),
]

urlpatterns += staticfiles_urlpatterns()

staticfiles_urlpatterns()源码

def staticfiles_urlpatterns(prefix=None):
    """
    Helper function to return a URL pattern for serving static files.
    """
    #没有指定前缀，就用STATIC_URL作为前缀
    if prefix is None:
        prefix = settings.STATIC_URL
    return static(prefix, view=serve)


# Only append if urlpatterns are empty
#可见当settings.DEBUG为False的时候，这个配置是不起作用的
if settings.DEBUG and not urlpatterns:
    urlpatterns += staticfiles_urlpatterns()

启动django项目，用localhost:5000/xxx（django的IP和端口，根据实际情况写）访问目标url即可

生产模式（需要安装nginx）

nginx：1.24.0
nginx下载地址
选择windows版本进行下载和安装
在这里插入图片描述
修改nginx配置
在nginx安装目录下找到conf/nginx.conf

#user  nobody;
worker_processes  1;

error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#access_log logs/access.log;


#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            #index  index.html index.htm;
            proxy_pass http://127.0.0.1:5000;  # 将端口号替换为 Django 项目运行的端口
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header X-Forwarded-Proto $scheme;
        }

        location /static/ {
            alias E:/Demo/工程名/static/static/;  # 将路径替换为静态文件所在的绝对路径（相对路径也可以，这里的相对路径就是相对于nginx.conf的路径）
        }

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }


    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}


    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}
}

主要需要关注的地方有

server {
        listen       80;	#用于指定 Nginx 监听的端口号，表示监听 HTTP 请求的标准端口
        server_name  localhost;	#用于指定 Nginx 服务器的域名或 IP 地址，表示对来自该域名的请求进行处理

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

		#用于配置处理根路径 / 的请求的规则
        location / {
            root   html;	#指定静态文件的根目录。在这里，设置为 html，表示 Nginx 在处理请求时会从 html 目录中查找文件（nginx安装目录下的html目录）
            index  index.html index.htm;
            #指定 Nginx 将请求转发到的后端服务器的地址。
            #在这里，将请求代理到运行在 http://127.0.0.1:5000 上的 Django 项目，相当于直接访问 http://127.0.0.1:5000。
            #设置代理后，会优先匹配并将请求代理到后端服务器，而不会使用 root 指令指定的静态文件目录
            proxy_pass http://127.0.0.1:5000;  
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header X-Forwarded-Proto $scheme;
        }

		#域名/static/与服务端的静态文件路径间的映射
		#用于配置处理静态文件路径 /static/ 的请求的规则。在这里，使用 alias 指令指定静态文件的根目录。
        location /static/ {
            alias E:/Demo/工程名/static/static/;  # 将路径替换为你的静态文件路径（最后的斜杠不能少）
        }
    }

说明：
HTML文件用<script>标签请求资源文件：<script defer src=“/static/js/chunk-vendors.js”>
相当于向nginx服务器发送一个URL为 http://127.0.0.1:80/static/js/chunk-vendors.js 的 GET 请求
又由于 location /static/ 映射到的是 E:/Demo/工程名/static/static/，因此所有 /static/ 开头的请求都会从该目录中查找静态文件。
http://127.0.0.1:80/static/js/chunk-vendors.js 这个请求就会到 E:/Demo/工程名/static/static/js/chunk-vendors.js 目录下去寻找文件。

启动nginx服务
配置完成后，在nginx的安装目录下用命令行启动nginx.exe
修改settings.py

DEBUG = False

启动django项目，在浏览器中，用nginx.conf中配置的nginx服务器的IP和端口去访问页面。
例如，访问localhost:80（80可省略），就相当于直接访问localhost:5000
在django项目的urls.py中，有映射关系如下：

path('', TemplateView.as_view(template_name='index.html')),
path('monitor',TemplateView.as_view(template_name='monitor.html')),

localhost:5000对应的模板文件是index.html，浏览器就会加载这个页面，并根据nginx的配置，到指定路径下寻找html请求的资源文件

location /static/ {
            alias E:/Demo/工程名/static/static/;  # 将路径替换为你的静态文件路径
        }

同样的，访问localhost:80/monitor也就相当于直接访问localhost:5000/monitor，对应的模板文件是monitor.html

停止nginx服务

nginx.exe -s stop

总结

对于根路径 / 的请求，Nginx 使用 proxy_pass 将请求代理到运行在 http://127.0.0.1:5000 上的 Django 项目。这是通过指定 proxy_pass http://127.0.0.1:5000; 实现的。这样，所有根路径的请求都会被转发到 Django 项目处理。

对于路径以 /static/ 开头的请求，Nginx 使用 alias 将请求映射到 E:/Demo/工程名/static/static/ 目录下。这是通过指定 alias E:/Demo/工程名/static/static/; 实现的。因此，所有 /static/ 开头的请求都会从该目录中查找静态文件。

这样就实现了对不同路径的请求的不同处理方式，其中 / 请求会被代理到 Django 项目，而 /static/ 开头的请求会在本地寻找静态文件。

这样做的好处是什么

动态请求（根路径 /）：
动态请求通常需要在后端进行处理，例如 Django 项目中的视图处理。这包括处理用户的请求、查询数据库等。
通过代理到后端 Django 项目，Nginx 允许 Django 处理动态请求，因为 Django 项目通常负责处理这些动态内容。

静态文件请求（路径以 /static/ 开头）：
静态文件（如样式表、脚本等）不需要在每个请求时都由 Django 处理，因为它们通常是不变的。将这些文件配置为由 Nginx 直接提供可以减轻 Django 项目的负担，提高性能。
通过使用 alias 将 /static/ 请求映射到本地静态文件目录，Nginx 可以直接提供这些文件，而无需经过 Django 项目。

这种分开处理的方式可以提高网站的整体性能，因为它允许专门的服务器处理专门的任务，并允许更灵活的配置和优化。

【参考】
Windows服务器，通过Nginx部署VUE+Django前后端分离项目
windows系统下安装Nginx以及简单使用（详解）
Windows安装部署nginx
django部署在windows使用nginx_nginx的原理
django静态文件配置（nginx）
Django静态文件配置
Django 关闭Debug后使用Nginx做静态文件的访问

P.S：小白一个，如有错误欢迎指正！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1357145.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

opencv006 绘制直线、矩形、⚪、椭圆

opencv006 绘制直线、矩形、⚪、椭圆

绘制图形是opencv经常使用的操作之一&#xff0c;库中提供了很多有用的接口&#xff0c;今天来学习一下吧&#xff01; &#xff08;里面的函数和参数还是有点繁琐的&#xff09; 最终结果显示 函数介绍 直线 line(img, pt1, pt2, color, thickness, lineType, shift) img: 在…
阅读更多...
Python从入门到网络爬虫（内置函数详解）

Python从入门到网络爬虫（内置函数详解）

前言 Python 内置了许多的函数和类型&#xff0c;比如print()&#xff0c;input()等&#xff0c;我们可以直接在程序中使用它们&#xff0c;非常方便&#xff0c;并且它们是Python解释器的底层实现的&#xff0c;所以效率是比一般的自定义函数更有效率。目前共有71个内置函数&…
阅读更多...
Java编程中的IO模型详解：BIO，NIO，AIO的区别与实际应用场景分析

Java编程中的IO模型详解：BIO，NIO，AIO的区别与实际应用场景分析

IO模型 IO模型就是说用什么样的通道进行数据的发送和接收&#xff0c;Java 共支持3种网络编程IO 模式&#xff1a;BIO,NIO,AIO BIO(Blocking lO) 同步阻塞模型&#xff0c; 一个客户端连接对应一个处理线程 代码示例&#xff1a; package com.tuling.bio; import java.io.…
阅读更多...
回归预测 | Matlab实现基于GA-Elman遗传算法优化神经网络多输入单输出回归预测

回归预测 | Matlab实现基于GA-Elman遗传算法优化神经网络多输入单输出回归预测

回归预测 | Matlab实现基于GA-Elman遗传算法优化神经网络多输入单输出回归预测 目录 回归预测 | Matlab实现基于GA-Elman遗传算法优化神经网络多输入单输出回归预测效果一览基本介绍程序设计参考资料 效果一览 基本介绍 1.Matlab实现基于GA-Elman遗传算法优化神经网络多输入单输…
阅读更多...
内核死锁检测--lockdep(linux3.16)

内核死锁检测--lockdep(linux3.16)

之前看网上说linux内核自带了死锁检测工具。现在试试使用效果怎么样。感觉确实能够检测到&#xff0c;后面有时间在研究原理把。 死锁检测lockdep实现原理-CSDN博客//这个文章讲了一些检测原理 需要开启如下选项&#xff08;选项应该是开多了&#xff0c;用最后三个就行&#x…
阅读更多...
Linux之IP地址、主机名、域名解析

Linux之IP地址、主机名、域名解析

一、IP地址 可以通过ifconfig命令查看本机的ip地址&#xff0c;如果无法使用ifconfig命令&#xff0c;可以安装 安装&#xff1a;yum -y install net-tools ens33&#xff1a;主网卡&#xff0c;里面的inet就是ip地址 lo&#xff1a;本地回环网卡&#xff0c;127.0.0.1&…
阅读更多...
工具网站DefiLlama全攻略：从零学习链上数据使用与发现

工具网站DefiLlama全攻略：从零学习链上数据使用与发现

DefiLlama 是一个 DeFi（去中心化金融）信息聚合器，其主要功能是提供各种 DeFi 平台的准确、全面数据。DefiLlama 致力于在不受广告或赞助内容影响的情况下为用户提供这些数据，以确保信息内容的透明度和公正性，该平台聚合来自多个区块链的数据，让用户能够全面了解 DeFi 格局…
阅读更多...
【React系列】高阶组件

【React系列】高阶组件

本文来自#React系列教程&#xff1a;https://mp.weixin.qq.com/mp/appmsgalbum?__bizMzg5MDAzNzkwNA&actiongetalbum&album_id1566025152667107329) 一. 高阶组件 1.1. 认识高阶组件 什么是高阶组件呢&#xff1f;相信很多同学都听说过&#xff0c;也用过 高阶函数&…
阅读更多...
windows 10 安装wsl ubuntu

windows 10 安装wsl ubuntu

1.首先管理员模式打卡powershell&#xff0c;执行 dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart 2.执行 wsl --update wsl --…
阅读更多...
在k8s集群中部署多nginx-ingress

在k8s集群中部署多nginx-ingress

关于ingress的介绍&#xff0c;前面已经详细讲过了&#xff0c;参考ingress-nginx详解和部署方案。本案例ingress的部署使用deploymentLB的方式。 参考链接&#xff1a; 多个ingress部署 文章目录 1. 下载ingress的文件2. 文件资源分析3. 部署ingress3.1 部署第一套ingress3.1…
阅读更多...
Centos7静态网络配置

Centos7静态网络配置

在vmware中打开&#xff0c; 点击虚拟网络编辑器&#xff0c;修改以下配置 网关IP最后一位固定为2&#xff0c;这个160根据下图中vmnet8的ip地址来的 打开网络控制面板>打开vmnet8查看 接着打开linux&#xff0c;有桌面版的使用桌面版更加方便 箭头这么乱&#xff0c;但是你…
阅读更多...
华为欧拉安装部署：Oracle11g

华为欧拉安装部署：Oracle11g

一、环境准备 1、下载安装低版本的libaio包&#xff1b;libaio版本太高&#xff0c;会造成编译错误 查看libaio1库版本不能大于0.3.109 [oracles3 install]$ rpm -qa libaio libaio-0.3.110-12.el8.x86_64# 查看欧拉操作系统版本 [oraclelocalhost bin]$ cat /etc/os-release…
阅读更多...
Pytest自动化的坑

Pytest自动化的坑

1、封装pytest的类型&#xff0c;名称的开头需要使用Test开头命名类&#xff0c;否则会出现运行pytest找不到类的情况 2、函数被pytest.fixtrue装饰之后&#xff0c;就不能再直接引用函数方法&#xff0c;需要把函数名称当作参数传到其他的函数中使用 3、conftest的全局变量名称…
阅读更多...
手写一个加盐加密算法（java实现）

手写一个加盐加密算法（java实现）

目录 前言 什么是MD5&#xff1f;&#xff1f; 加盐算法 那别的人会不会跟你得到相同的UUID&#xff1f; 如何使用盐加密&#xff1f; 代码实现 前言 对于我们常见的登录的时候需要用到的组件&#xff0c;加密是一个必不可少的东西&#xff0c;如果我们往数据库存放用户…
阅读更多...
PHP 基础编程 2

PHP 基础编程 2

文章目录 时间函数dategetdatetime 使用数组实现登录注册和修改密码简单数组增加元素方法修改元素方法删除元素方法 具体实现方法数组序列化数组写入文件判断元素是否在关联数组中&#xff08;登录功能实现&#xff09;实现注册功能实现修改admin用户密码功能 时间函数 时区&am…
阅读更多...
大数据情况下如何保证企业数据交换安全

大数据情况下如何保证企业数据交换安全

数据交换是指在网络或其他方式下&#xff0c;不同主体按照规定的规则和标准实现数据的共享、传输和处理的过程。大数据时代的到来使得数据交换的重要性更为凸显&#xff0c;大数据带来了海量、多样、高速、低价值密度等特点&#xff0c;也带来了更多的价值挖掘和应用场景。 保障…
阅读更多...
Spring常用注解及模拟用户登录流程示例

Spring常用注解及模拟用户登录流程示例

注解 Resource注解实现自动注入 (反射)代码块xml配置文件 Autowired注解实现自动化注入代码块xml配置文件 扫描器-四个注解Dao层-RepositoryService层-ServiceController层-Controller测试任意类-Component 常用注解示例-模拟用户登录配置自动扫描的xml文件实体类Userdao层消息…
阅读更多...
Java异常简单介绍

Java异常简单介绍

文章目录 1. 异常分类和关键字1.1 分类1.2 关键字 2. Error2.1 Error定义2.2 常见的Error2.2.1 VirtualMachineError2.2.2 ThreadDeath2.2.3 LinkageError2.2.4 AssertionError2.2.5 InternalError2.2.6 OutOfMemoryError2.2.6.1 OOM原因2.2.6.2 OutOfMemoryError会导致宕机吗 …
阅读更多...
【React系列】Hook（一）基本使用

【React系列】Hook（一）基本使用

本文来自#React系列教程&#xff1a;https://mp.weixin.qq.com/mp/appmsgalbum?__bizMzg5MDAzNzkwNA&actiongetalbum&album_id1566025152667107329) 一. 认识hook 1.1. 为什么需要hook Hook 是 React 16.8 的新增特性&#xff0c;它可以让我们在不编写class的情况下…
阅读更多...
Java多线程技术10——线程池ThreadPoolExecutor之Executor接口

Java多线程技术10——线程池ThreadPoolExecutor之Executor接口

1 概述 在开发服务器软件项目时&#xff0c;经常需要处理执行时间很短并且数据巨大的请求&#xff0c;如果为每一个请求创建一个新的线程&#xff0c;则会导致性能上的瓶颈。因为JVM需要频繁地处理线程对象的创建和销毁&#xff0c;如果请求的执行时间很短&#xff0c;则有可能…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023