zoukankan      html  css  js  c++  java
  • token回话保持,axios请求拦截和导航守卫以及token过期处理

    1:了解token:有时候大家又说token令牌。整个机制是前端第一次登陆发送请求,后端会根据前端的用户名和密码,
    通过一些列的算法的到一个token令牌,
    这个令牌是独一无二的,前端每次发送请求都需要携带token令牌,因为只有携带了token令牌,后端才会返回你数据,
    如果请求没有token令牌,后端是无法给你数据的。
    
    2:token令牌进行回话保持:第一次登陆时候,后端会返回token令牌,保存在前段,之后每次页面跳转之前获取,
    在的导航守卫中拦截判断,如果没有那么就重定向到首页,有的话就放行。
    
    3:在axios请求中配置token:在全局配置的token并不是用作回话保持的,他的作用就是后端获取token,
    用作判断,返回数据。axios的请求拦截是配置参数的,
    跟回话保持没有关系,跟回话保持有关系的是全局的导航守卫。
    
    4:第一次登陆,在后端返回的数据中把token先存在浏览器中,然后进行路由跳转,
    所以在导航守卫的拦截中已经可以获取到第一次登陆的token,第一次登陆是可以判断的。
    
    5:token过期处理 每次请求前端有携带token,后端会验证token,如果过期后端返回一个字段,
    前端可以根据字段判断
    后端每次接受前端请求的时候都会验证token是否过期,过期了返回一个过期标志,
    如code=2(0:success;1:error;2:unlogin),前端根据这些状态码去进行重新登录就行了
    这个操作可以在axios响应拦截中操作。
    // http response 拦截器
    axios.interceptors.response.use(
        response => {
            return response;
        },
        error => {
            if (error.response) {
                switch (error.response.status) {
                    case 401:
                     //这里跳转登陆
                     .....
                    }
        });
    
    
      
    

      

  • 相关阅读:
    html大文件传输方法
    html大文件传输思路
    umeditor实现ctrl+v粘贴word图片并上传
    wangEditor实现ctrl+v粘贴word图片并上传
    FreeRTOS相关教程
    在CPU Hit/MIss时,Cache和Main Memory之间交互策略
    ARM Trusted Firmware分析——镜像签名/加密/生成、解析/解密/验签
    ARM Trusted Firmware分析——固件升级(FWU)
    ARM Trusted Firmware分析——TBBR、TBB、FIP-TBB
    ARM CoreSight Debug and Trace
  • 原文地址:https://www.cnblogs.com/tiangeng/p/10167353.html
Copyright © 2011-2022 走看看