这是一个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