Vue+Django前后端请求时出现CSRF缺失错误

Vue+Django前后端CSRF错误解决方案
最新推荐文章于 2025-02-20 17:29:49 发布
原创 最新推荐文章于 2025-02-20 17:29:49 发布 · 922 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #django #csrf

在Vue和Django前后端分离项目中，遇到CSRF令牌缺失导致的错误。该问题源于Django的跨域访问检验。解决办法是在Vue的POST请求中添加与cookies匹配的CSRF令牌到headers中。

Vue+Django前后端请求时出现CSRF缺失错误

问题再现

最近在做一个项目，选定的是前后端分离开发，后端使用python的Django框架，前端使用Vue.js。在一开始的时候对后端进行编写时，虽然依照RESTFUL规范进行开发的，但是在代码的规范性和美观性上有缺失，所有最近又将其更新为基于类的视图。

export function workdayUpdate(data, token, date) {
   
   
  return request({
   
   
    url: '/manage/workday/'
最低0.47元/天 解锁文章
CSRF Failed: CSRF token missing or incorrect
xiaofuge027的博客
12-29 8699
本项目是前后端分离（vue+ Django3） 本地测试 Django settings中设置了跨域， post请求没问题； 申请了域名 使用nginx正式部署项目后，发现post请求报错： CSRF Failed: CSRF token missing or incorrect 问题解析： 这是一个django的跨域访问问题。 django，会对合法的跨域访问做这样的检验，cookies里面存储的’csrftoken’，和post的header里面的字段”X-CSRFToken’作比较，只有两
报错：{‘csrf_token‘: [‘The CSRF token is missing.‘]}
m0_53291740的博客
01-22 698
flask实现一个简单的注册界面报错。来包含 CSRF 令牌。
Django + drf-jwt 认证 + Vue3 使用 Axios
FOR.GET
02-16 3676
Axios的安装和配置 安装 pnpm install axios 封装 axios：配置baseUrl，请求拦截，响应拦截 // requests.ts 文件中 // import { Message } from "element-ui"; /**** request.js ****/ // 导入axios import axios from "axios"; // 使用element-ui Message做消息提醒 //1. 创建新的axios实例， const service =
Django接口请求返回报错：CSRF Failed: CSRF token missing or incorrect
西京刀客
08-06 8407
Django接口请求返回报错：CSRF Failed: CSRF token missing or incorrect 问题分析： 这是django自带的用户验证机制。 django，会对合法的跨域访问做这样的检验，cookies里面存储的’csrftoken’，和post的header里面的字段”X-CSRFToken’作比较，只有两者匹配，才能通过跨域检验。否则会返回这个错误:CSRF Failed: CSRF token missing or incorrect django默认会有csrf验证.
Django REST Framework 解决 CSRF Failed: CSRF token missing or incorrect.
她°
07-08 4701
出现原因 当您使用SessionAuthentication 时，您正在使用 Django 的身份验证，这通常需要检查 CSRF。Django REST Framework 强制执行此操作，仅适用于SessionAuthentication，因此您必须在X-CSRFToken标头中传递 CSRF 令牌。 出现场景 在对外提供一些开放性 api 时，对方是不需要携带 csrf_token 的，但是在我们框架中是使用了 SessionAuthentication 方式对用户进行认证的，自己使用时我们会遵守认证方
vue+django前后端分离 怎么解决csrf跨域问题
最新发布
09-09
在使用Vue和Django进行前后端分离时，解决CSRF跨域问题可以采用以下方法： ### Django后端处理 1. **获取CSRF Token接口**：编写视图函数获取CSRF Token并返回给前端。可以使用`get_token(request)`函数来获取CSRF ...
vue+django前后端分离，如何解决csrf传输问题
yu11men的博客
09-07 4555
使用django时，django框架都会自带csrf的验证功能，根据django的使用文档一般是在前端页面的form表单里添加{% csrf_token %}标签，当浏览器加载该页面时，django会解析模板页面，渲染{% csrf_token %}为一个input标签，如下图所示: html页面代码 <form> {% csrf_token %} ..... </for...
vue+django前后端分离开发一个商城网站.zip
09-29
在本项目中，“vue+django前后端分离开发一个商城网站.zip”是一个包含了使用Vue.js（前端框架）和Django（后端框架）构建的在线商城的源代码压缩包。Vue.js是一个轻量级、高性能的JavaScript库，适用于构建用户界面...
毕业设计基于Python+Django+Vue+Mysql前后端分离的图书管理系统源代码+数据库+项目文档
yanglamei1962的博客
02-20 685
1、pycharm创建django项目（使用虚拟环境，避免项目干扰）（5）：添加djangorestframework全局处理类。（1）：添加跨域和djangorestframework。8、urls中设置前端文件图片上传地址和访问地址。4、安装依赖（有默认前后端分离所需依赖）（2）：添加跨域中间件和注释csrf。（4）：添加跨域请求头和请求地址相关。9、views 设置 图片上传接口。6、设置settings相关内容。14、创建Serializer。（6）：添加媒体上传文件配置。
Django CSRF Token缺失或不正确
qq_49086419的博客
10-17 1330
这是最常见的原因之一。确保在每个需要进行CSRF验证的表单中都添加了标签，以生成隐藏字段并包含CSRF令牌。：如果CSRF令牌已经过期，那么在提交表单时会导致验证失败。通常，可以通过刷新页面来获取新的CSRF令牌。：在AJAX请求中，需要手动将CSRF令牌添加到请求头中。例如，使用JavaScript获取CSRF令牌并将其添加到AJAX请求的头部。：如果你的Django应用部署在使用了反向代理的服务器上，可能需要配置代理服务器以确保它不会干扰CSRF令牌的传递。：确保文件中的MIDDLEWARE。
detail: “CSRF Failed: CSRF token missing or incorrect 问题解决方法
qq_28401855的博客
06-19 2247
CSRF Failed: CSRF token missing or incorrect
django ajax post 403 “CSRF token missing or incorrect“报错
weixin_46727201的博客
09-06 1120
django Ajax post 403问题
CSRF Failed: CSRF token missing or incorrect.
Alex
05-06 4036
最近在尝试用Django做后台api接口，用到了自带的用户验证机制：https://docs.djangoproject.co... 在初次登录成功后一直弹出 其实并不是跨域问题，而是django自带的用户验证机制我们只需在请求头中添加X-CSRFToken步骤如下：在请求头中添加X-CSRFToken与返回的cookie中的csrftoken便可以（这里用的接口软件为postman） 复制粘...
"CSRF token missing or incorrect."的解决方法.
热门推荐
老骥伏枥，志在千里
10-23 4万+
问题: Forbidden (403) CSRF verification failed. Request aborted. Help Reason given for failure: CSRF token missing or incorrect. In general, this can occur when there is a genuine Cross Si
django中使用ajax出现了Forbidden (CSRF token missing.)的错误
weixin_50626279的博客
03-26 512
django中使用ajax出现了Forbidden (CSRF token missing.)的错误
Axios.post 请求报错： 403 Forbidden missing csrf token 和 invalid csrf token
guoqkmiss的博客
11-30 3173
Axios.post。
django + vue-admin-template解决CSRF Failed: CSRF token missing or incorrect 问题
SKY_PLA的博客
01-07 4518
背景：vue使用Network进行登录的时候 报错 403，但是在localhost的时候就没问题，进行了一下对比，network header中多了一个cookie,local中就没有，再结合django默认有csrf跨站点请求伪造,翻了翻文档，得知需要在header中添加X-CSRFToken，解决办法如下： 解决办法： 在vue-admin-template utils/request.js中加入获取csrftoken的方法 原先的方法是在有token的情况下vue才会在header中加入token，
访问django后台，提示CSRF验证失败. 请求被中断403
weixin_45091564的博客
12-09 1180
我的项目是在服务器部署添加ip后报错的这个错误是因为 Django 的 CSRF 验证机制检测到请求的 Origin 或 Referer 头部与受信任的域名不匹配。要解决此问题，可以将新域名添加到 Django 的 settings.py 中的 CSRF_TRUSTED_ORIGINS 设置里.保存 settings.py 并重新启动 Django 应用以应用更改。上删除{% csrf_token %}, 并且在相应的视图函数中添加。解决办法：settings.py，添加这句代码。
django CSRF token missing or incorrect.
lilovfly的专栏
08-15 362
看http://blog.csdn.net/chen_jint/article/details/12956797
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值