后端API使用的框架是rest framework,前端通过GET获取列表,通过POST添加数据都没有问题

但是通过DELETE方法进行删除操作的时候,有报错:

Django无法处理HTTP PUT/DELETE请求_第1张图片

奇怪,cookie里明明已经有了csrf的token,但是DELET方法好像就是识别不到,因而接口直接返回403

查了下资料:

因为POST请求,是将从csrftoken放在post参数中,但是django中对PUT/DELETE只能通过检查Header的方式来检查csrftoken

所以要么后端在接收PUT/DELETE请求后进行预处理,要么前端在PUT/DELETE方式增加一个Header

后端的解决方法暂时没找到好用的办法,前端处理这种情况很简单,在请求头里加csrftoken即可:

export async function removeExport(params) {
return request('/api/collector/', {
method: 'DELETE',
body: {
...params,
method: 'delete',
},
headers:{
"X-CSRFToken": Cookies.get('csrftoken')
}
});
}

这样后端就可以正常拿到前端带过来的csrftoken进行认证