詳解Vue-axios 設(shè)置請求頭問題
在axios向后端傳參時(shí)需要設(shè)置請求頭,確保請求參數(shù)的格式為JSON字符串(此時(shí)用JSON.stringify(obj)無效時(shí))
this.$axios({
method:'',
url:'',
headers: {
'Content-Type': 'application/json',//設(shè)置請求頭請求格式為JSON
'access_token': this.token //設(shè)置token 其中K名要和后端協(xié)調(diào)好
},
params:{}
}).then((response)=>{})
下面看下axios設(shè)置請求頭內(nèi)容
axios設(shè)置請求頭中的Authorization 和 cookie 信息:
GET請求
axios.get(urlString,
{
headers: {
'Authorization': 'Bearer ' + token,
"Cookie" : 'sessionId=' + sessionId + '; recId=' + recId,
...
},
params: {
param1: string,
param2: string
},
...
}
)
.then(res => fn)
.catch(e => fn)
POST請求
axios.post(urlString,
{
data: data,
...
},
{
headers: {
'Authorization': 'Bearer ' + token,
"Cookie" : 'sessionId=' + sessionId + '; recId=' + recId,
...
}
}
)
.then(res => fn)
.catch(e => fn)
總結(jié)
以上所述是小編給大家介紹的Vue-axios 設(shè)置請求頭問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
Vue.js實(shí)戰(zhàn)之使用Vuex + axios發(fā)送請求詳解
這篇文章主要給大家介紹了關(guān)于Vue.js使用Vuex與axios發(fā)送請求的相關(guān)資料,文中介紹的非常詳細(xì),相信對大家具有一定的參考價(jià)值,需要的朋友們下面來一起看看吧。2017-04-04
vue+openlayer5獲取當(dāng)前鼠標(biāo)滑過的坐標(biāo)實(shí)現(xiàn)方法
在vue項(xiàng)目中怎么獲取當(dāng)前鼠標(biāo)劃過的坐標(biāo)呢?下面通過本文給大家分享實(shí)現(xiàn)步驟,感興趣的朋友跟隨小編一起看看吧2021-11-11
vue使用自定義事件的表單輸入組件用法詳解【日期組件與貨幣組件】
這篇文章主要介紹了vue使用自定義事件的表單輸入組件用法,結(jié)合實(shí)例形式詳細(xì)分析了vue.js日期組件與貨幣組件相關(guān)操作技巧及注意事項(xiàng),需要的朋友可以參考下2020-06-06
vue-element-admin如何設(shè)置默認(rèn)語言
這篇文章主要介紹了vue-element-admin如何設(shè)置默認(rèn)語言,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04
vue-router解決相同路徑跳轉(zhuǎn)報(bào)錯(cuò)的問題
這篇文章主要介紹了vue-router解決相同路徑跳轉(zhuǎn)報(bào)錯(cuò)的問題,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-04-04
vue中如何給多個(gè)按鈕動(dòng)態(tài)添加類名
這篇文章主要介紹了vue中如何給多個(gè)按鈕動(dòng)態(tài)添加類名問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-11-11

