vue-resourceでリクエストヘッダーを設定する方法

今回は、vue-resource でリクエスト ヘッダーを設定する方法を説明します。vue-resource でリクエスト ヘッダーを設定する際の 注意事項 について、実際のケースを見てみましょう。

1 つ目: Vue インスタンスに

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

を設定する 2 番目のタイプ: リクエスト ヘッダーをグローバルに設定する

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

3 番目の方法: インターセプターに

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

を設定する リクエストヘッダーを設定するための Vue インターセプターも添付されています

main.js に

filter を追加すると、

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 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

以上がvue-resourceでリクエストヘッダーを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。