jQueryのAJAXグローバル要求と設定VUE

あなたは、セッションの有効期限が切れたウェブサイトを訪問する場合は非常に一般的な問題は、ユーザーが再度ログインするためのログイン・ページに戻る必要があります。

場合は、HTTP要求が背景インターセプター、統一傍受やジャンプに設定することができます。しかし、Ajaxの方法は、直接背景ジャンプを渡しません。

このメソッドへのアクセス権を持っているすべてのAJAX要求は、セッションが期限切れかどうかを判断した後、ログインページにジャンプできるように、だから我々は、世界的なAjaxのメソッドを書くことができます。

以下は、jQueryのAJAXのグローバルメソッドへの参照です。

.ajaxSetup $（{ 
    エラー：関数（X、ステータス、E）{
         IF（x.status == '403' ）{ 
            アラート（ 'あなたは、この操作を実行する権限がありません！' ）; 
        } 他{ 
            はconsole.log（「システム！エラーは、管理者に連絡してください' ）; 
        } 
        リターン falseに; 
    }、
    コンプリート：機能（R＆LT、S）{
         VAR istimeout = r.getResponseHeader（' sessionstatusは）== 'タイムアウト' ;
         IF （istimeout）{
             // 警告（r.responseText）; 
            VAR loginUrl = r.getResponseHeader（ "loginUrl"）; 
            parent.window.location = loginurl。
        } 
    } 
}）。

 

それはVUEを使用するときに、グローバルAjaxの方法VUEも書くので、私は、このプロジェクトをやっていました

　　　　Vue.http.interceptors.push（関数（リクエスト）{ 

            // 変更要求 
            request.method = 'POST' ; 

            //は応答コールバック戻す
            リターン 機能（応答）{
                 VAR sessionAjax = response.headers.map.sessionstatusと、
                 もし（sessionAjax ！= 不定）{ 
                    VAR loginurl = response.headers.map.loginurl [0 ]; 
                    parent.window.location = loginurl; 
                } 
            }; 
        }）;