【掉过的坑】VUE向django发送post返回403：CSRF Failed: CSRF token missing or incorrect

最新推荐文章于 2024-09-15 09:18:46 发布

LoHiauFung

最新推荐文章于 2024-09-15 09:18:46 发布

阅读量9.1k

点赞数 3

分类专栏：掉过的坑 JS

本文链接：https://blog.csdn.net/LoHiauFung/article/details/80792334

版权

本文介绍了在VUE前端使用axios向django后端发送POST请求时遇到的403错误，原因是CSRF token缺失或不正确。通过分析，发现是django的跨域访问检验问题。解决方法是在POST请求的header中添加'X-CSRFToken'，确保其值与cookie中的'csrftoken'一致。通过调用getCookies函数获取cookie并添加到请求头中，成功解决跨域CSRF问题。

摘要由CSDN通过智能技术生成

问题描述

前端是VUE，后端是django。
VUE用axios向后端发送POST代码如下:

 let params = new URLSearchParams()
    params.append('orderID', orderId)
    params.append('dishID', dishId)
    axios.post(loginUrL, params})
      .then(response => {
        console.log(response)
        cb()
      })
      .catch(error => {
        console.log(error)
        errorCb()
      })