Django中间件配合Vue拦截器的简单使用

article/2025/3/16 4:14:24

axios拦截器是什么?

  axios拦截器可以拦截每一次的请求和响应,然后进行相应的处理。拦截器分为请求拦截器响应拦截器请求拦截器可以统一在你发送请求前在请求体里加上token;响应拦截器的话,是在接受到响应之后进行的一些操作,比如,服务器返回登录状态失效,需要重新登录的时候,就给它跳到登录页面;

拦截器的使用

我一般喜欢全局配置(main.js

请求拦截器

//  interceptors
axios.interceptors.request.use(config => {// 获取登录成功状态保持的tokenlet token = localStorage.getItem('token')// 如果有token就在头部加上tokenif (token) {config.headers['Authorization'] = token}return config},error => {// 如果没有token,返回错误的信息return Promise.reject(error.response);});

响应拦截器

axios.interceptors.response.use(function (response) {// 在接收响应做些什么,例如跳转到登录页......return response;}, function (error) {// 对响应错误做点什么return Promise.reject(error);});

拦截器超级好用~~~

Django中间件token验证

中间件相关

  中间件是一个用来处理Django的请求和响应的框架级别的钩子。它是一个轻量、低级别的插件系统,用于在全局范围内改变Django的输入和输出。每个中间件组件都负责做一些特定的功能。但是由于其影响的是全局,所以需要谨慎使用,使用不当会影响性能。说的直白一点,中间件是帮助我们在视图函数执行之前和执行之后都可以做一些额外的操作,它本质上就是一个自定义类,类中定义了几个方法,Django框架会在请求的特定的时间去执行这些方法。

自定义中间件

中间件可以定义五个方法,分别是:(主要的是process_requestprocess_response

  • process_request(self,request)
  • process_view(self, request, view_func, view_args, view_kwargs)
  • process_template_response(self,request,response)
  • process_exception(self, request, exception)
  • process_response(self, request, response)

以上方法的返回值可以是None或一个HttpResponse对象,如果是None,则继续按照django定义的规则向后继续执行,如果是HttpResponse对象,则直接将该对象返回给用户。

中间件的执行流程

  请求到达中间件之后,先按照正序执行每个注册中间件的process_reques方法process_request方法返回的值是None,就依次执行,如果返回的值是HttpResponse对象,不再执行后面的process_request方法,而是执行当前对应中间件的process_response方法。HttpResponse对象返回给浏览器。也就是说:如果MIDDLEWARE中注册了6个中间件,执行过程中,第3个中间件返回了一个HttpResponse对象,那么第4,5,6中间件的process_request和process_response方法都不执行,顺序执行3,2,1中间件的process_response方法。

用中间件进行登录认证

战术喝水~~ 上代码

# Author : Carl
# Date :2021/8/27 9:43
# File :tokenMiddleware.pyfrom django.http import HttpResponse
from django.utils.deprecation import MiddlewareMixinimport jwtfrom meiduo import settingsclass TokenMiddleware(MiddlewareMixin):"""中间件生成Token"""def process_request(self, request):"""token认证:param request::return:token"""# 获取urlurl = request.get_full_path()# 定义一个白名单 注册登录接口 随便访问white_list = ['/sadmin/login/','/admin/']# 判断url在不在白名单中if url not in white_list:# 获取token jwttoken认证去认证token = request.META.get('HTTP_AUTHORIZATION')# 解析验证if token:# 解决原来的tokenold_token = jwt.decode(token, settings.SECRET_KEY, algorithms=['HS256'])# 重新生成tokennew_token = str(jwt.encode(old_token, settings.SECRET_KEY, algorithm='HS256'), encoding='utf8')if token == new_token:return Nonereturn HttpResponse('401')return None

总结

  在请求接口的时候,如果用户没有登录,则在请求到达中间件时放行,加入视图层,在视图层进行密码手机号,用户名,密码等的匹配,匹配成功之后,将生成的token返回到前端进行状态保持,使用拦截器在每一次请求的头部加上token(状态保持的token),由中间件对token进行解析对比,对比成功则进入视图层,否则,返回401(没有权限)。

在这里插入图片描述

ps:  希望我的分享能和大家一起成长,感谢每一个支持我的小伙伴,谢谢大家!!!别忘了一键三连哦!


http://chatgpt.dhexx.cn/article/pCajv5k8.shtml

相关文章

Vue 中的数据请求如何进行拦截与错误处理

Vue 中的数据请求拦截与错误处理 在 Vue.js 中,我们经常需要向后端服务器发送数据请求,以获取或提交数据。在这个过程中,我们可能会遇到一些问题,例如无效的请求参数、网络连接错误、服务器错误等。为了更好地处理这些问题&#…

【详解Vue中请求拦截器】

文章目录 前言一、安装依赖二、定义拦截器1.创建一个interceptors.js文件用于定义拦截器2.注册插件3.发送请 总结 前言 提示: Vue请求拦截器通常用于在发送请求之前对请求进行一些处理,例如添加请求头、验证用户身份、统一处理错误等。在Vue中实现请求…

vue 请求拦截器配置

按如下步骤进行 1.request.js内容:http request请求拦截器和http response服务器响应拦截器配置 请求拦截器有一个Authorization认证,判断登录状态之后再决定是否需要请求数据: vue http请求 Authorization认证 判断登录状态请求数据_CCKing7的博客-CSD…

如何在Vue项目中设置拦截器

首先了解 localStorage sessionStorage和localStorage Web Storage实际上由两部分组成:sessionStorage与localStorage。 sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当…

Vue中的请求拦截器和响应拦截器

前置 大家好,我又来了,我们今天就讲一下什么是请求拦截器,和请求拦截器的作用,好了,多余的话我就不说了,马上开始今天的讲解 开始啦 请求拦截器 请求拦截器的作用是: 在请求发送前进行一些操作…

vue-拦截器

第一步 起步 | Axios 中文文档 | Axios 中文网 安装 npm install axios ​ ​​​​​​ ​ ​ 第二步 ​ ​ 所有的请求都叫http协议 ​ ​ ​ ​ ​ 第三步 ​ 导入后即可使用里面的方法 ​ 任何一个东西都可以导出 ​ ​ 只有一个的时候只需要用defau…

vue请求拦截器 响应拦截器

import axios from "axios"; // 创建一个axios的appconst request axios.create({baseURL:http://127.0.0.1:8000/api/v1/,timeout:5000 })// 请求拦截器 request.interceptors.request.use(// ts写法 config:any(config)>{// 获取本地localstorage的TOKENlet to…

vue拦截器及请求封装

1.vue项目的src文件夹中创建request文件夹 (1)request文件夹中创建index.js (拦截器主要代码) /*** 请求封装*/import axios from axios;import configUrl from ./url.js; // import store from ../store;import cookies from "vue-cookies"…

Vue 拦截器原理和详细使用

拦截器原理和作用 首先拦截器在src/utils/request.js 文件中,拦截器分为请求拦截器和响应拦截器。 页面中的每一个请求都会经过请求拦截和响应拦截,所以一般在这个文件进行操作。 这一文件一般引入axios,vuex,Message&#xff0…

MATLAB学习笔记:定积分与广义积分

计算定积分和广义积分的命令int调用格式: 一元函数定积分: int(f(x),a,b) 二元函数定积分: int(f(x,y),x,a,b) >> syms x; >> fsin(x); >> sint(f,0,pi) s 2 >> syms x; >> fabs(x-1); >> sint(f,0,2)…

3.利用matlab计算不定积分和定积分(matlab程序 )

1.简述 不定积分 首先,通过符号变量创建一个符号函数,然后调用积分命令来计算函数的积分,示例如下: 注意:matlab中计算的不定积分结果中没有写上常数C,读者需要自己在使用的时候记得加上常数部分。 通常情…

matlab 自带定积分,Matlab怎么计算定积分,划重点了

在生活或研究中可能会遇到需要积分运算的情况,比如计算一个不规则图形的面积等等。matlab有很强的数据处理能力,只要给出任意可积的函数和积分上下线,用它可以进行积分运算。具体操作如下: 工具/材料 matlab软件 操作方法 01 以f(…

MATLAB基础教程(7)——求解定积分和不定积分

目录 定积分的基本概念 什么是定积分? 如何深入的理解定积分? 如何计算定积分? 在matlab中计算定积分。 不定积分 在matlab中计算不定积分 在matlab中计算定积分 本期回顾 定积分的基本概念 什么是定积分? 简而言之,我…

[转载]Matlab定积分近似计算

目标:加深理解积分理论中分割、近似、求和、取极限的思想方法,了解定积分近似计算的矩形法、梯形法与抛物线法,会用MATLAB语言编写求定积分近似值的程序,会用MALAB中的命令求定积分。 预备知识 在许多实际问题中,常常…

matlab近似计算求积分,matlab定积分的近似计算.ppt

matlab定积分的近似计算.ppt MATLAB数学建模与仿真 定积分的近似计算 2 定积分计算的基本公式是牛顿 莱布尼兹公式 但当被积函数的原函数不知道时 如何计算 这时就需要利用近似计算 特别是在许多实际应用中 被积函数甚至没有解析表达式 而是一条实验记录曲线 或一组离散的采样…

【Matlab】求解积分问题

求解积分问题 不定积分inf函数调用实例1实例2 定积分与无穷积分实例1实例2 多重积分 不定积分 inf函数调用 Finf(fun,x)fun是被积函数,是自变量, 当然如果只有一个自变量可以省略。 实例1 f ( x 2 1 ) 2 f {\left( {{x^2} 1} \right)^2} f(x21)2 …

matlab定积分怎么输入,Matlab计算定积分的操作内容讲解

许多伙伴还不晓得Matlab计算定积分的操作,而下面笔者就分享了Matlab计算定积分的操作内容,希望有需要的朋友都来共同学习哦。 打开Matlab,找到Matlab的命令窗口,点击进入,如图,当然也可以编辑脚本然后通过运…

关于用MATLAB求解定积分方程的问题

关于用MATLAB求解定积分方程的问题 Matlab论坛的总结帖: MATLAB中文论坛常见问题归纳-技术专栏-MATLAB中文论坛 帖子里面也有包含对于matlab中常用积分求解的介绍。 关于用matlab求解积分方程的问题,现在比较流行的是符号求解的方法。 对于积分方程的…

MATLAB新手简明使用教程(六)——使用matlab求解定积分和不定积分的问题——新手来看,保证看懂。

前期回顾 上期的教程虽然简短,但还是有点东西的,上一节中,我们学习了下面的知识点。 在matlab中定义矩阵:A [1 2 3; 2 3 4; 3 4 5],每行元素空格隔开,两行之间使用分号隔开。线性代数矩阵乘法运算、求解…

给div赋html,jquery怎么给div赋值

jquery给div赋值的方法:首先创建addtext函数;然后在函数内通过id(mydiv)获取div对象;最后使用text方法给div赋值即可,如【function addtext(){$(#mydiv).text(xx)}】。 环境: 本文适用于所有品牌的电脑。 (学习视频分享…