记一次简单的Django uwsgi + React + Nginx 服务器部署

2022-03-02 12:33:06 阅读：322 来源： 互联网

标签：nginx MeijiTestPlatform Django React Nginx 虚拟环境 build conf uwsgi

Django uwsgi

1、首先将代码拉到服务器

cd /home/bigllxx     # 我把代码放这里，大家随便放，记住这个位置即可
git clone git@github.com:xxxx/MeijiTestPlatform.git  # 我的项目名称叫 MeijiTestPlatform

2、新建虚拟环境并拉依赖

pip3 install virtualenv
cd MeijiTestPlatform  # 进入项目主目录
python3 -m venv 「myvenv」    # 创建虚拟环境，虚拟环境就创建在当前目录
source myvenv/bin/active     # 激活虚拟环境
while read requirement; do pip install $requirement; done < requirements.txt # 安装依赖（跳过错误）
# python manage.py runserver   # 启动看看，看是否有依赖没拉下来，手动拉。

3、安装uwsgi并配置

pip install uwsgi
uwsgi --version    # 查看 uwsgi 版本
vim uwsgi.ini
  [uwsgi]
  socket=127.0.0.1:8997  # 配置和nginx连接的socket连接
  chdir=/home/bigllxx/MeijiTestPlatform/  # 配置项目路径，项目的所在目录
  wsgi-file=/home/bigllxx/MeijiTestPlatform/MeijiTestPlatform/wsgi.py  # 配置wsgi接口模块文件路径,也就是wsgi.py这个文件所在的目录名
  processes=4  # 配置启动的进程数
  threads=2  # 配置每个进程的线程数
  master=True  # 配置启动管理主进程
  pidfile=uwsgi.pid  # 配置存放主进程的进程号文件
  daemonize=uwsgi.log  # 配置dump日志记录

4、启动uwsgi并查看

uwsgi --ini uwsgi.ini   # 启动uwsgi，输出：[uWSGI] getting INI configuration from uwsgi.ini 代表启动成功，之后会自动在当前目录新建 uwsgi.pid 和 uwsgi.log
uwsgi --stop uwsgi.pid  # 停止
uwsgi --reload uwsgi.pid  # 重启

React 项目打包上传

在React项目主目录执行：npm run build

build成功之后，会在该目录生成一个 build 文件夹

将build文件夹上传到服务器指定目录，我放在了django项目的主目录，用github直接拉

所以我的 build 目录是： /home/bigllxx/MeijiTestPlatform/react-project/build

Nginx 安装配置

1、安装

yum install nginx  # 我用的是centos，用yum安装就行
cd /etc/nginx      # 进入nginx安装目录
mkdir conf.d			# 如果没有这个目录就创建下，有的话就cd进去
touch django.conf
touch react.conf  # 创建两个nginx配置文件，因为/etc/nginx/nginx.conf 中 incloud conf.d/*.conf，所以我们直接在这目录下新建.conf结尾的文件就行

2、配置

#react.conf
server {
	listen 80;
	server_name www.xxx.com; # "对外访问的域名,没有域名的话就随便写，不可与uwsgi端口冲突"

	location / {
		# 一些跨域头
		add_header 'Access-Control-Allow-Origin' '*'; 
		add_header 'Access-Control-Allow-Credentials' 'true';
		add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
		add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
		# 指定你的前端目录文件,上面React写的有
		root /home/bigllxx/MeijiTestPlatform/react-project/build; 
		# React 的 build 目录下默认有index.html 指定默认文件
		index html index.html; 
		# 这个得加上
		try_files $uri /index.html; 
	}
}

# django.conf
server {
	listen 8000;
	server_name 127.0.0.1; 
	
	# 固定写法
	location  / {
		include uwsgi_params;
		uwsgi_pass 127.0.0.1:8997; # 这里就是uwsgi.ini配置文件中的地址
	}
}

3、启动

启动nginx前先启动python的uwsgi服务，命令上面写的有，注意我是在虚拟环境装的uwsgi，所以要先激活虚拟环境才能用uwsgi命令

启动nginx：nginx

关闭nginx：nginx -s stop

重新加载nginx配置文件：nginx -s reload

访问公网ip，自动进入react项目

大功告成！

标签：nginx,MeijiTestPlatform,Django,React,Nginx,虚拟环境,build,conf,uwsgi
来源： https://www.cnblogs.com/bigllxx/p/15954498.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9