詳解Vue-axios 設(shè)置請求頭問題
在axios向后端傳參時需要設(shè)置請求頭,確保請求參數(shù)的格式為JSON字符串(此時用JSON.stringify(obj)無效時)
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è)置請求頭問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
Vue.js實戰(zhàn)之使用Vuex + axios發(fā)送請求詳解
這篇文章主要給大家介紹了關(guān)于Vue.js使用Vuex與axios發(fā)送請求的相關(guān)資料,文中介紹的非常詳細,相信對大家具有一定的參考價值,需要的朋友們下面來一起看看吧。2017-04-04vue+openlayer5獲取當前鼠標滑過的坐標實現(xiàn)方法
在vue項目中怎么獲取當前鼠標劃過的坐標呢?下面通過本文給大家分享實現(xiàn)步驟,感興趣的朋友跟隨小編一起看看吧2021-11-11vue使用自定義事件的表單輸入組件用法詳解【日期組件與貨幣組件】
這篇文章主要介紹了vue使用自定義事件的表單輸入組件用法,結(jié)合實例形式詳細分析了vue.js日期組件與貨幣組件相關(guān)操作技巧及注意事項,需要的朋友可以參考下2020-06-06vue-element-admin如何設(shè)置默認語言
這篇文章主要介紹了vue-element-admin如何設(shè)置默認語言,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-04-04vue-router解決相同路徑跳轉(zhuǎn)報錯的問題
這篇文章主要介紹了vue-router解決相同路徑跳轉(zhuǎn)報錯的問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-04-04