vue-element-admin 模板 登录页面 post请求通过django的csrf认证,处理304错误
2024-08-29 06:17:21
经过一天的研究,终于把 vue-admin-template 模板的 post 请求 和django的api 弄通了 没有了那该死的304报错了
直接贴代码:
在main.js中 我直接给设置了一个 csrf_token 全局变量来接收 csrf 认证的token
window.csrf_token ='' //声明csrf_token 的全局变量
然后在 api 接口中设置 post方法的
headers 请求头
headers: { 'Content-Type': 'multipart/form-data', 'X-CSRFToken': csrf_token},
export function login(data) {
return request({
url: '/api/user/login/',
method: 'post',
headers: { 'Content-Type': 'multipart/form-data', 'X-CSRFToken': csrf_token},
params:{'username':data.username,'password':data.password}
})
}
api接口获取csrf_token的接口方法
import request from '@/utils/request' export function get_csrf() {
return request({
url: '/api/get_csrf',
method: 'get',
})
}
在系统加载登录页面时 先想后台发送get请求来获取 csrf_token 中的token
methods:{
get_token(){
get_csrf().then(res => {
// console.log(res.token)
csrf_token = res.token //将得到的token 赋值给全局变量
})
}
},
created(){
this.get_token() //获取csrf_token
this.get_user() //获取用户列表
}
这前台页面都设置好了
后台views中 创建 get_csrf 的接口 用来动态获取token
from django.middleware.csrf import get_token # csrf认证
def get_csrf(request):
# 生成 csrf 数据,发送给前端
csrf_token = get_token(request)
return JsonResponse({'token':csrf_token,'code':200})
这样前台的 所有post的请求 就可以通过csrf认证了
最新文章
- 使用Lucene索引和检索POI数据
- linux 用户创建、管理、权限分配
- SPSS数据分析—信度分析
- Galera集群server.cnf参数调整--Innodb存储引擎内存相关参数(一)
- AI第一次作业
- 1500. Prime Gap 11 月 11日
- distributed caching for .net applications
- Bootstrap做的HTML页面在本地IE打开正常,放到服务器上显示就不正常了
- PowerDesigner16建表在SQL SERVER 2008报 对象名 'sysproperties' 无效。
- ASP.NET版Memcached监控工具(转载)
- AWR
- C#access数据库操作
- jQuery Mobile (中)
- 轻量级的移动框架--zepto.js
- useful urls
- 记一次nmap扫描信息收集过程
- go框架gin的使用
- rpm: /root/anaconda3/lib/liblzma.so.5: version `XZ_5.1.2alpha' not found (required by /lib64/librpmio.so.3)
- C# DataReader
- JavaScript时间操作工具类
热门文章
- matplotlib,seaborn中文乱码问题的解决
- WAIC | 奇点云携「酷炫AI应用」亮相2019世界人工智能大会
- 信贷建模little tricks
- Linux安装完后的调优(linux 6)
- RAM子账户登录DMS对库进行管理
- SAGE|DNA微阵列|RNA-seq|lncRNA|scripture|tophat|cufflinks|NONCODE|MA|LOWESS|qualitile归一化|permutation test|SAM|FDR|The Bonferroni|Tukey's|BH|FWER|Holm's step-down|q-value|
- [LC] 17. Letter Combinations of a Phone Number
- 使用apktool反编译apk文件
- YY孵化虎牙,陌陌收购探探:你更看好谁?
- web压测工具http_load