vue post请求后台django接口Forbidden (CSRF token missing or incorrect.)

这是一个django的跨域访问问题。
django，会对合法的跨域访问做这样的检验，cookies里面存储的’csrftoken’，和post的header里面的字段”X-CSRFToken’作比较，只有两者匹配，才能通过跨域检验。否则会返回这个错误:CSRF Failed: CSRF token missing or incorrect

解决方法：

由上面的分析可以得出，只要在POST请求的header添加一个字段’X-CSRFToken’，这个字段和cookie里面的‘csrftoken’一样就好了。

在post请求添加一个header，内容如下：

{headers: {'X-CSRFToken': this.getCookie('csrftoken')}

vue中解决方法：

安装cookie插件：

npm install vue-cookies --save

引入vue-cookies：

import VueCookies from 'vue-cookies'
Vue.use(VueCookies)

使用Axios发送请求：

this.axios.create({headers: {'X-CSRFToken': this.$cookies.get('csrftoken'),'Content-Type': 'application/x-www-form-urlencoded'},}).post('/test',this.testData).then(response => {console.log(response);}).catch(function (error) {console.log(error);
});

参考地址：https://blog.csdn.net/lohiaufung/article/details/80792334

vue post请求后台django接口Forbidden (CSRF token missing or incorrect.)相关推荐

Postman Forbidden (CSRF token missing or incorrect.)
在请求接口Headers 里加入X-CSRFToken 标签就可以通过验证了 CSRF的值在上个接口的Cookies拿到
VUE向django发送post返回403：CSRF Failed: CSRF token missing or incorrect
这是比较麻烦的一个问题, Vue+Django前后端分离的工程, 最终方案-后端: backend/goods/views.py: from django.views.decorators.csrf ...
django 1.2.1更新后关于CSRF token missing or incorrect的问题
CSRF(跨站请求伪造),django 1.2.1在projects的setting中默认配置了处理CSRF的中间件 'django.middleware.csrf.CsrfViewMiddlewar ...
Django提交表单报错：CSRF token missing or incorrect.
1.在Django提交表单时报错:Django提交表单报错: CSRF token missing or incorrect 具体报错页面如下: 2.有道词典翻译后如下: 通常,当存在真正的跨站点请求 ...
在admin设置第三方帐号登录点击Save保存按钮的时候报错 CSRF token missing or incorrect.
禁止访问 (403) CSRF验证失败. 请求被中断. Help Reason given for failure: CSRF token missing or incorrect. In gener ...
CSRF Failed: CSRF token missing or incorrect.
最近在尝试用Django做后台api接口,用到了自带的用户验证机制:https://docs.djangoproject.co... 在初次登录成功后一直弹出其实并不是跨域问题,而是django自带 ...
django 403 错误：CSRF token missing or incorrect
最近觉得SAE不错,就开始试试看,从Django开始.把原来MVC3的一个小项目转过来,记录下碰到的问题. 用的Django版本为1.4. 我比较喜欢用jquery的ajax来做表单提交(我觉得aja ...
SpringBoot+Vue实现请求后台获取Base64编码的图片验证码并使用Redis缓存实现2分钟内有效
场景前端Vue的登录页面,验证码请求后台,后台生成验证码照片后使用Base64编码后, 返回给前端,前端进行显示. 注: 博客: https://blog.csdn.net/badao_liuman ...
记录 vue项目打包放入 hbuilder 做app真机测试时无法请求后台服务接口
1.因为发布app时 vue开发模式下配置的跨域是无效的,打包后会找不到接口例如下面是之前的错误版: '/propertyCmsAPI': {target: 'http://192.168.1.11 ...

vue post请求后台django接口Forbidden (CSRF token missing or incorrect.)

解决方法：

vue中解决方法：

vue post请求后台django接口Forbidden (CSRF token missing or incorrect.)相关推荐

最新文章

热门文章