vue項(xiàng)目使用axios發(fā)送請(qǐng)求讓ajax請(qǐng)求頭部攜帶cookie的方法
最近做vue項(xiàng)目時(shí)遇到登錄權(quán)限問(wèn)題,登錄以后再發(fā)送的請(qǐng)求頭部并沒(méi)有攜帶登錄后設(shè)置的cookie,導(dǎo)致后臺(tái)無(wú)法校驗(yàn)其是否登錄。檢查發(fā)現(xiàn)是vue項(xiàng)目中使用axios發(fā)送ajax請(qǐng)求導(dǎo)致的。查看文檔得知axios默認(rèn)是不讓ajax請(qǐng)求頭部攜帶cookie的,因此,在main.js中設(shè)置如下:
import axios from 'axios' axios.defaults.withCredentials=true;//讓ajax攜帶cookie Vue.prototype.$axios = axios;
這樣請(qǐng)求頭就可以帶著設(shè)置好的cookie向后臺(tái)發(fā)送請(qǐng)求了,這樣初級(jí)的登錄權(quán)限就可以驗(yàn)證了。
如有疑問(wèn),歡迎隨時(shí)交流。
以上這篇vue項(xiàng)目使用axios發(fā)送請(qǐng)求讓ajax請(qǐng)求頭部攜帶cookie的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- Vue使用axios發(fā)送請(qǐng)求簡(jiǎn)單實(shí)現(xiàn)代碼
- Vue axios庫(kù)避免重復(fù)發(fā)送請(qǐng)求的示例介紹
- Vue?axios庫(kù)發(fā)送請(qǐng)求的示例介紹
- Vue使用axios發(fā)送請(qǐng)求并實(shí)現(xiàn)簡(jiǎn)單封裝的示例詳解
- vue中axios處理http發(fā)送請(qǐng)求的示例(Post和get)
- Vue.js實(shí)戰(zhàn)之使用Vuex + axios發(fā)送請(qǐng)求詳解
- vue-cli3.0 axios跨域請(qǐng)求代理配置方式及端口修改
- Vue3.0?axios跨域請(qǐng)求代理服務(wù)器配置方式
- Vue利用axios發(fā)送請(qǐng)求并代理請(qǐng)求的實(shí)現(xiàn)代碼
相關(guān)文章
淺談在vue中使用mint-ui swipe遇到的問(wèn)題
今天小編就為大家分享一篇淺談在vue中使用mint-ui swipe遇到的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09vue3?setup語(yǔ)法糖之組件傳參(defineProps、defineEmits、defineExpose)示例詳
defineProps?和?defineEmits?都是只能在?<script?setup>?中使用的編譯器宏,他們不需要導(dǎo)入,且會(huì)隨著?<script?setup>?的處理過(guò)程一同被編譯掉,這篇文章主要介紹了vue3?setup語(yǔ)法糖之組件傳參(defineProps、defineEmits、defineExpose)示例詳解,需要的朋友可以參考下2023-01-01Vue3項(xiàng)目頁(yè)面實(shí)現(xiàn)echarts圖表漸變色的動(dòng)態(tài)配置的實(shí)現(xiàn)步驟
在開(kāi)發(fā)可配置業(yè)務(wù)平臺(tái)時(shí),需要實(shí)現(xiàn)讓用戶(hù)對(duì)項(xiàng)目?jī)?nèi)echarts圖表的動(dòng)態(tài)配置,讓用戶(hù)脫離代碼也能實(shí)現(xiàn)簡(jiǎn)單的圖表樣式配置,顏色作為圖表樣式的重要組成部分,其配置方式是項(xiàng)目要解決的重點(diǎn)問(wèn)題,所以本文介紹了Vue3項(xiàng)目頁(yè)面實(shí)現(xiàn)echarts圖表漸變色的動(dòng)態(tài)配置2024-10-10解決Echarts2豎直datazoom滑動(dòng)后顯示數(shù)據(jù)不全的問(wèn)題
這篇文章主要介紹了解決Echarts2豎直datazoom滑動(dòng)后顯示數(shù)據(jù)不全的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07vue實(shí)現(xiàn)移動(dòng)端彈出鍵盤(pán)功能(防止頁(yè)面fixed布局錯(cuò)亂)
這篇文章主要介紹了vue?解決移動(dòng)端彈出鍵盤(pán)導(dǎo)致頁(yè)面fixed布局錯(cuò)亂的問(wèn)題,通過(guò)實(shí)例代碼給大家分享解決方案,對(duì)vue?移動(dòng)端彈出鍵盤(pán)相關(guān)知識(shí)感興趣的朋友一起看看吧2022-04-04vue項(xiàng)目中使用pinyin轉(zhuǎn)換插件方式
這篇文章主要介紹了vue項(xiàng)目中使用pinyin轉(zhuǎn)換插件方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04