vue-resouce怎麼設定請求頭

這次帶給大家vue-resouce怎麼設定請求頭，vue-resouce設定請求頭的注意事項有哪些，下面就是實戰案例，一起來看一下。

第一種：在Vue實例中設定

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

第二種：全域設定請求頭

Vue.http.headers.common['token'] = 'YXBpOnBhc3N3b3Jk';

# 第三種：在攔截器中設定

Vue.http.interceptors.push((request, next) => {
    request.headers.set('token', token); //setting request.headers
    next((response) => {
      return response
   })
})

另附vue interceptors 設定請求頭

在main.js加入濾鏡，可以

Vue.http.interceptors.push((request,next)=>{
 //request.credentials = true; // 接口每次请求会跨域携带cookie
 //request.method= 'POST'; // 请求方式（get,post）
 //request.headers.set('token','111') // 请求headers携带参数
 next(function(response){
  return response;
 });
})

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

#

以上是vue-resouce怎麼設定請求頭的詳細內容。更多資訊請關注PHP中文網其他相關文章！