Advertisement

Vue中使用axios拦 截器用于拦截账号退出

阅读量：

在实际操作中，若用户账号因异常情况导致登录状态中断，页面在请求接口数据时将返回401错误代码，此时系统应强制用户退出并重新进行身份验证，针对该问题我所采用的解决方案为：

复制代码 
 import axios from 'axios'

    
 import { MessageBox } from 'element-ui'
    
 import { getToken } from '@/utils/auth'
    
  
    
 // create an axios instance
    
 const service = axios.create({
    
   baseURL: process.env.BASE_API, // api 的 base_url
    
   timeout: 10000 // request timeout
    
 })
    
  
    
 // request interceptor
    
 service.interceptors.request.use(
    
   config => {
    
     // Do something before request is sent
    
     // if (store.getters.token) {
    
     //   //

全部评论 (0)

还没有任何评论哟~

相关文章推荐