Nginx + React + Gunicorn + Django简单网站搭建

本文详细介绍了如何使用Nginx、Gunicorn、Django和React搭建一个简单的网站。首先,通过`create-react-app`和`django-admin`创建前端和后端项目,接着配置Nginx,特别强调了正则匹配规则和权限设置。然后,利用Gunicorn部署Django应用,并给出了启动命令。最后,提到了Django的数据库配置和React中使用Axios进行数据交互。文章还分享了作者从嵌入式转向全栈开发的心路历程,并承诺会持续更新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一贯的废话开头。
其实这个在四月中旬就已经基本都做完了,本想着四月末之前发出来,但实验室老师抓我做了点别的东西就一直没来得及更新,直到今天才有大块的时间做一下记录……人生艰难啊……
本文也可以看成是我从嵌入式转到前后台全栈的milestone吧(笑
下面是目前Demo的样子,只实现的简单的登录 + React-Router 简单跳转。
这里写图片描述
这里写图片描述
这里写图片描述

准备工作

代码

老规矩,首先放出代码跟Nginx配置(处于活跃更新状态)

https://github.com/769484623/TestWebServer

两个branch,master跟dev。在dev 完成了某个功能后会merge到master,在功能都完成后,关闭dev,提供有限更新。
前后端分离。

安装

安装nginx、react脚手架、python + Django + Gunicorn。
很简单。直接apt install。react脚手架需要npm跟node v9。我记得安装没遇到什么问题,遇到了也能百度到,不多说。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值