vue項目中如何使用axios發(fā)送請求讓ajax請求頭部攜

這篇文章主要為大家展示了“vue項目中如何使用axios發(fā)送請求讓ajax請求頭部攜帶cookie”，內容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習一下“vue項目中如何使用axios發(fā)送請求讓ajax請求頭部攜帶cookie”這篇文章吧。

做vue項目時(shí)遇到登錄權限問(wèn)題，登錄以后再發(fā)送的請求頭部并沒(méi)有攜帶登錄后設置的cookie，導致后臺無(wú)法校驗其是否登錄。檢查發(fā)現是vue項目中使用axios發(fā)送ajax請求導致的。查看文檔得知axios默認是不讓ajax請求頭部攜帶cookie的，因此，在main.js中設置如下：

import axios from 'axios'
axios.defaults.withCredentials=true;//讓ajax攜帶cookie
Vue.prototype.$axios = axios;

這樣請求頭就可以帶著(zhù)設置好的cookie向后臺發(fā)送請求了，這樣初級的登錄權限就可以驗證了。