django做前后端分离怎么做(2023年最新分享)

茫然知了 • 2023-09-23 13:17 • 生活指南 • 阅读 73

导读：本篇文章首席CTO笔记来给大家介绍有关django做前后端分离怎么做的相关内容，希望对大家有所帮助，一起来看看吧。

对前后端分离设计模式的理解总结（部分Django描述）

FBV：Function base view 基于方法的视图

CBV：Class base view 基于类的视图

所以之后我了解到，其实是我没有了解 FBV 与 CBV 的概念。

正所谓：类就是把数据封装进对象里，并赋予对象行为的能力。

所以我们完全可以把一个需求的接口封装成为一个类：

因为继承了 django 的 View 类，所以在默认情况下，会自动根据请求类型映射该类中对应的请求方法。

但是在所有的 python web 框架乃至一些其他语言的框架之中，对 HTTP 请求类型的方法映射都是由一个专门的反射函数来实现的。

所以，总结如下：

另外值得一提的是：自己那个类中的 dispatch 方法中如果不自己去映射而是调用父类（django 的 View）的 dispatch 方法，另外还在前后做一些附加操作，这样的功能跟 “ 装饰器 ” 就很相似了。

一共有10个项目，那让我们一起来慢慢学习吧！

300 系列：重定向类

400 系列：客户端错误

500 系列：服务端错误

django做前后端分离怎么做(2023年最新分享) 第1张

django前后端完全分离如何做登录验证

前端直接带上用户名, 密码等参数向后台发请求, 怕密码安全问题就上https或约定好加解密方式, 后端严验证用户名和密码匹配后, 将用户信息存到session里面, response带上session_id给前端设置cookie就完了.

django+vue前后端分离项目部署

后端用的drf，使用的是uwsgi+nginx

进入服务器项目文件目录下，我的django项目放在了“/usr/myProjects/”目录下了。在manage.py同级目录下创建uwsgi.ini文件，配置如下：

测试效果命令：

如果访问：xxx.xxx.xxx.xx:8000 成功，则uwsgi.ini配置成功

我的nginx.conf所在位置是“/etc/nginx/nginx.conf”

配置文件如下：

1、第一行

主要就是给nginx加权限，vue部署后使用history路由时会去掉地址后面的‘#’号，打包部署后不加权限会有bug。

2、如配置所示，有两个Server，分别部署了前端服务，和后端服务，值得注意的是两个Server用的是同一个服务器，监听的端口不同。

3、vue部署需要注意的是反向代理地址：

以及后面的端口问题

4、后端的Server需要注意location中的uwsgi_pass 后面的端口号要和uwsgi.ini中配的相同，否则监听不到

5、后端跨域问题。如果遇到跨域需要自己网上找配置，我的没遇到，可能是因为我在django的settings中配置了跨域。

6、django-suit后台管理样式崩了，需要改，但是api可以正常访问，这个有空再说

7、我开始后台监听的是8008端口，vue前端监听的是80端口，这样前端显示好看。然而问题出现了，虽然后台api可以正常访问，vue的本地开发环境也能正常运行且文字、图片资源均显示正常，但是前端vue打包线上部署后，文字信息显示正常，图片信息缺失8008端口，导致显示不出来。为图方便我选择了前端监听8008端口，后端监听80，部署后显示正常。原因不太清楚///////有空再说吧。

8、不要问我为啥都前后端分离了还部署到一个服务器上？穷，而且只是测试，没必要

9、此文仅适合入门

关于django后台admin（suit）缺失的修改（参考：django中文网：）

在环境中进入项目目录，需要收集css样式，在终端输入命令：

接下来你就回发现static文件中包含了css文件，此时再打开网站，样式显示正常

uWSGI 通过 xxx.ini 启动后会在相同目录下生成一个 xxx.pid 的文件，里面只有一行内容是 uWSGI 的主进程的进程号。

关于uwsgi,进入同届目录下

教训

获取不到环境，那就指定环境

另外：记得重启uwsgi，重启Nginx，实在不行就先把监听的端口kill掉再重启

暴力删端口：fuser -k 80/tcp

netstat -aptn命令行，查看所有开启的端口号