Vue-resource 인터셉터의 토큰 무효 점프 판단에 대한 자세한 설명

이 기사에서는 주로 토큰 실패 점프를 판단하는 Vue-resource 인터셉터의 예를 제공합니다. 에디터가 꽤 좋다고 생각해서 지금 공유해서 참고용으로 올려보겠습니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

인터셉터에서 전역 토큰 판단을 설정합니다. 즉, 모든 http 요청에 대해 토큰이 확인됩니다. 백그라운드와 합의된 토큰 만료 반환 코드는 점프 경로를 사용자 정의할 수 있습니다.

var token = window.localStorage.getItem("token");
Vue.http.interceptors.push(function(request, next) {
  request.headers.set('token', token); //setting request.headers
  next(function(response){
    if(response.body.code===401){ //与后台约定登录失效的返回码
      parent.location.href ='/login.html';
    }
    return response
  })
})

Ajax 세션 실패 시 로그인 페이지로 점프하는 방법

vue는 로그인 후 페이지가 이전 페이지로 점프하는 것을 인식합니다. 예시 공유

사용자에 따라 PHP가 해당 웹 페이지로 점프하는 방법에 대한 자세한 설명 언어

위 내용은 Vue-resource 인터셉터의 토큰 무효 점프 판단에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!