token 만료 처리, js 처리 로그인 신분 만료, vu 처리 token 로그인 만료, 전방 로컬 token 만료 처리, 전후단 분리 token 시간 초과 리셋 정책, token 만료 해결

Token 만료를 처리하고 로그인 페이지로 돌아가서 다시 로그인합니다.
백엔드의 절반이 기한이 지난 시간으로 되돌아옵니다. 이 인터페이스를 정시에 호출해서 Token을 리셋하거나 매번 인터페이스를 요청해서 Token이 기한이 지났는지 확인해야 합니다.
나 여기 이런 거 했어. 내가 조작했어. 

//        
this.$axios.post('    ').then(res => {
    console.log('       token', res)
    localStorage.setItem('token', JSON.stringify(res))
    //                       6   
    //      6        token              
    let date = new Date().getTime() + (6 * 3600 * 1000)
    localStorage.setItem('tokenTime', date)
})

그리고utils에서.js에 공통 방법을 추가하여 현재 시간에서 Token이 만료된 시간이 0보다 많은지 감청합니다

/** 
 *   token    
 * @return: Boolean
 */
export const tokenExpressInTime = () => {
  let date = new Date()  
  let tokenTime = localStorage.getItem('tokenTime')
  //                     0     0     true     false
  return (date.getTime() - Number(tokenTime)) > 0 ? true : false
}

axios에 있어요.js에서 전역 차단에 판단 코드 추가

import { tokenExpressInTime } from '../utils/utils.js'
import { Message  } from 'element-ui'

//        
service.interceptors.request.use(config => {
  //           
  //               tokenExpressInTime     true       token   token                      
  if (tokenExpressInTime() && localStorage.getItem('token')) {
    Message({type:'error', center: true, message:'         ', duration:2000})
    setTimeout(() => {
      localStorage.clear()
      location.href = '/'
    }, 1500)
    return false
  }
  return config;
}, error => {
  console.log('error request:', error)
  return Promise.reject(error);
})

일반적으로 백엔드는 기한이 지난 전단으로 되돌아와 정시 인터페이스를 한다.Token 리셋을 진행합니다.
내가 여기서 처리하는 것은 전방에 저장된 시간입니다. 인터페이스 요청을 할 때마다 차단해서 판단합니다.인터페이스 호출이나 로컬 타이머 조작을 면제합니다.
개인적인 생각, 맏이가 좋은 의견이 있으니, 평론가의 지적을 환영합니다.
퍼가기 오리지널 링크 표시해주세요 감사합니다.https://blog.csdn.net/weixin_38356321/article/details/103488150