>  기사  >  웹 프론트엔드  >  Vue-resource 인터셉터는 토큰 실패 및 점프를 판단합니다.

Vue-resource 인터셉터는 토큰 실패 및 점프를 판단합니다.

小云云
小云云원래의
2018-01-02 09:43:162038검색

이 기사에서는 주로 토큰 실패 점프를 판단하는 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
  })
})

관련 권장 사항:

vue-resource 인터셉터 설정 헤더 상세 설명

Vue2.0 axios 프론트엔드 및 백엔드 로그인 인터셉터

Vue 인터셉터 vue-resource 인터셉터 사용법 상세 설명

위 내용은 Vue-resource 인터셉터는 토큰 실패 및 점프를 판단합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.