這是一個(gè)django的跨域訪問問題。
django，會(huì)對(duì)合法的跨域訪問做這樣的檢驗(yàn)，cookies里面存儲(chǔ)的’csrftoken’，和post的header里面的字段”X-CSRFToken’作比較，只有兩者匹配，才能通過跨域檢驗(yàn)。否則會(huì)返回這個(gè)錯(cuò)誤:CSRF Failed: CSRF token missing or incorrect

解決方法：

由上面的分析可以得出，只要在POST請(qǐng)求的header添加一個(gè)字段’X-CSRFToken’，這個(gè)字段和cookie里面的‘csrftoken’一樣就好了。

在post請(qǐng)求添加一個(gè)header，內(nèi)容如下：

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

vue中解決方法：

安裝cookie插件：

npm install vue-cookies --save

引入vue-cookies：

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

使用Axios發(fā)送請(qǐng)求：

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

總結(jié)

以上是生活随笔為你收集整理的vue post请求后台django接口Forbidden (CSRF token missing or incorrect.)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。