vue-resouce設(shè)置請求頭的三種方法
本文主要介紹了vue-resouce設(shè)置請求頭的三種方法,分享給大家,具體如下:
第一種:在Vue實(shí)例中設(shè)置
var vm = new Vue({ el:'#rrapp', data:{ showList: true, title: null }, http: { root: '/', headers: { token: token } } })
第二種:全局設(shè)置請求頭
Vue.http.headers.common['token'] = 'YXBpOnBhc3N3b3Jk';
第三種:在攔截器中設(shè)置
Vue.http.interceptors.push((request, next) => { request.headers.set('token', token); //setting request.headers next((response) => { return response }) })
另附vue interceptors 設(shè)置請求頭
在main.js添加過濾器,可以
Vue.http.interceptors.push((request,next)=>{ //request.credentials = true; // 接口每次請求會跨域攜帶cookie //request.method= 'POST'; // 請求方式(get,post) //request.headers.set('token','111') // 請求headers攜帶參數(shù) next(function(response){ return response; }); })
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
vue3中各種類型文件進(jìn)行預(yù)覽功能實(shí)例
在vue移動端項(xiàng)目中經(jīng)常遇到這樣的需求,對一些上傳的附件可以點(diǎn)擊之后在線預(yù)覽,所以下面這篇文章主要給大家介紹了關(guān)于vue3中各種類型文件進(jìn)行預(yù)覽功能的相關(guān)資料,需要的朋友可以參考下2021-09-09Vue項(xiàng)目使用svg圖標(biāo)實(shí)踐
這篇文章主要介紹了Vue項(xiàng)目使用svg圖標(biāo)實(shí)踐,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09Vue如何實(shí)現(xiàn)el-table多選樣式變?yōu)閱芜x效果
這篇文章主要介紹了Vue如何實(shí)現(xiàn)el-table多選樣式變?yōu)閱芜x效果,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05Vue中使用jsencrypt進(jìn)行RSA非對稱加密的操作方法
這篇文章主要介紹了Vue中使用jsencrypt進(jìn)行RSA非對稱加密,在這里需要注意要加密的數(shù)據(jù)必須是字符串,對Vue?RSA非對稱加密相關(guān)知識感興趣的朋友一起看看吧2022-04-04使用Vue-cli 中為單獨(dú)頁面設(shè)置背景圖片鋪滿全屏
這篇文章主要介紹了使用Vue-cli 中為單獨(dú)頁面設(shè)置背景圖片鋪滿全屏,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07在Vue項(xiàng)目中使用snapshot測試的具體使用
這篇文章主要介紹了在Vue項(xiàng)目中使用snapshot測試的具體使用,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-04-04vue項(xiàng)目中企業(yè)微信使用js-sdk時(shí)config和agentConfig配置方式詳解
這篇文章主要介紹了vue項(xiàng)目中企業(yè)微信使用js-sdk時(shí)config和agentConfig配置,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-12-12