ホームページ > ウェブフロントエンド > jsチュートリアル > vue-resourceでリクエストヘッダーを設定する方法

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

php中世界最好的语言
リリース: 2018-04-18 09:37:43
オリジナル
2328 人が閲覧しました

今回は、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート