本篇文章為大家展示了vue-resouce中怎么設(shè)置請(qǐng)求頭，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

站在用戶(hù)的角度思考問(wèn)題，與客戶(hù)深入溝通，找到拜泉網(wǎng)站設(shè)計(jì)與拜泉網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶(hù)體驗(yàn)好的作品，建站類(lèi)型包括：網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請(qǐng)域名、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋拜泉地區(qū)。

第一種：在Vue實(shí)例中設(shè)置

var vm = new Vue({
  el:'#rrapp',
  data:{
   showList: true,
   title: null
  },
  http: {
    root: '/',
    headers: {
      token: token
    }
  }
})

第二種：全局設(shè)置請(qǐng)求頭

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è)置請(qǐng)求頭

在main.js添加過(guò)濾器，可以

Vue.http.interceptors.push((request,next)=>{
 //request.credentials = true; // 接口每次請(qǐng)求會(huì)跨域攜帶cookie
 //request.method= 'POST'; // 請(qǐng)求方式（get,post）
 //request.headers.set('token','111') // 請(qǐng)求headers攜帶參數(shù)

 next(function(response){
  return response;

 });
})

上述內(nèi)容就是vue-resouce中怎么設(shè)置請(qǐng)求頭，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。