Django + Vue 部署服务器nginx + uwsgi_nginx部署django和vue项目

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

}

server{
listen 82;                 #监听端口
server_name 10.138.8.51;  #域名地址
charset     utf-8;

location /static {        #请求的url    
alias /data/zkos/comm/libzkos_comm/tools/performance_test/django_project/static/;
}

location ^~/django/{       
proxy_pass https://127.0.0.1:80;    #请求转向服务器
add_header Content-Type “text/plain;charset=utf-8”;
add_header ‘Access-Control-Allow-Origin’ ‘*’ always;
add_header ‘Access-Control-Allow-Credentials’ ‘true’;
add_header ‘Access-Control-Allow-Methods’ ‘GET, POST’;    
}
location / {           
root /data/zkos/comm/libzkos_comm/tools/performance_test/django_project/vue_template/dist/;    #根目录
index index.html index.htm;     #默认页面，入口文件
try_files  $uri $uri/ /index.html;
client_max_body_size 75M;

}
location @router {
rewrite ^.$ /index.html last;
}
location /user/{
proxy_pass http://127.0.0.1:80;    #请求转向服务器
add_header Content-Type “text/plain;charset=utf-8”;
add_header ‘Access-Control-Allow-Origin’ '’ always;
add_header ‘Access-Control-Allow-Credentials’ ‘true’;
add_header ‘Access-Control-Allow-Methods’ ‘GET, POST’;
}

}

server {
listen 81;
server_name 10.138.8.51;
charset     utf-8;

access_log      /var/log/nginx/Zkos_Comm_Vue_access.log;
error_log       /var/log/nginx/Zkos_Comm_Vue_error.log;

client_max_body_size 75M;
location / {
uwsgi_pass VueTest;
include    /etc/nginx/uwsgi_params;
}
}
}

2.Dango运行在83端口

vue访问Django后端数据接口ngnix监听81端口，Dango运行在83端口。

1. uWSGI 部署 Django 程序，运行在83端口

下载uwsgi

WSGI_APPLICATION = ‘django_project.wsgi.application’

创建，编译项目根目录下uwsg.ini文件.

注意：

module= django_project.wsgi

wsgi-file= /django_project/wsgi.py

module必须找到，module名字和项目名字一致

[uwsgi]

socket=:83 # 用于和 nginx 进行数据交互的端口

#http= 127.0.0.1:83

the base directory (full path) django 程序的主目录

chdir = /data/zkos/comm/libzkos_comm/tools/performance_test/django_project/

Django s wsgi file

module= django_project.wsgi

wsgi-file= /django_project/wsgi.py

static

static-map = /static=%(chdir)/vue_template/dist/static

master

master = true

maximum number of worker processes

processes = 1

clear environment on exit

vacuum = true

#监控python模块mtime来触发重载 (只在开发时使用)

py-autoreload=1

#在每个worker而不是master中加载应用

lazy-apps=true

#允许用内嵌的语言启动线程。这将允许你在app程序中产生一个子线程

enable-threads = true

#设置在平滑的重启（直到接收到的请求处理完才重启）一个工作子进程中，等待这个工作结束的最长秒数。这个配置会使在平滑地重启工作子进程中，如果工作进程结束时间超过了8秒就会被强行结束（忽略之前已经接收到的请求而直接结束）

reload-mercy = 8

#设置最大日志文件大小

log-maxsize = 5000000

daemonize = /data/uwsgi_ini/zkos_comm_test/uwsgi.log

pidfile = /data/uwsgi_ini/zkos_comm_test/uwsgi.pid

2 使用uwsg分发前端项目访问，指向后端运行端口

server {
        listen 81;
        server_name 10.138.8.51;
        charset     utf-8;

access_log      /var/log/nginx/Zkos_Comm_Vue_access.log;
        error_log       /var/log/nginx/Zkos_Comm