使用VUEリソース・インターセプター

パーク参照の友達  https://www.cnblogs.com/lhl66/p/8022823.html

 

VUE-リソース使用インターセプタは
、プロジェクトVUE VUE-資源利用の過程で、いつでもHTTPリクエストで任意のページを必要としている一時的な増加のための需要は、トークンの増加は、トークンの有効期限が切れているかどうかを判断期限が切れ、あなたはジャンプするにはログインする必要がありますページ。あなたが裁判官を追加することで、各ページ要求操作をhttpにしたい場合は、それは仕事の非常に大きな量を変更することになります。
インターセプタインターセプタのVUE-リソースの役割は、このニーズを解決するための魔法の公式です。各要求のHTTP応答の後に、インターセプタとして提供される場合、および優先度インターセプタ機能を取り、取得応答体、およびその後に、応答リターンを受信するか否かを決定します。その後、我々は、ログインページにジャンプしたり、データを取得するために継続して現在のページに滞在するかどうかを決定するために、内部インターセプタで応答ステータスコードの判断を追加することができます。 

 

1 Vue.http.interceptors.push（関数（リクエスト、次）{ // 拦截器   
2    request.headers。セット（' 認可'、Utils.getCookieを（' トークン'））; // 設定request.headers 
3    要求。ヘッダ組（' Uidの'、Utils.getCookie（' UID '）Utils.getCookie（？' UID '）.toString（）：未定義）; // 設定request.headers 
4    ）（次の
 5 }）

関数getCookie（名）{
   場合（！のlocalStorage [名]）{
     戻り ヌル
  } 
  試みる{ 
    せO = JSON.parse（のlocalStorage [名]）
     であれば（！O || o.expires < Date.now（））{
       リターン ヌル
    } 他{
       戻りo.value 
    } 
  } キャッチ（電子）{
     // 兼容其他のlocalStorage 
    にconsole.log（e）に
     戻るのlocalStorageを[名前] 
  } 最後に{ 
  } 
}