zoukankan      html  css  js  c++  java
  • axios 设置拦截器 全局设置带默认参数(发送 token 等)

    应用场景:

    1,每个请求都带上的参数,比如token,时间戳等。

    2,对返回的状态进行判断,比如token是否过期

    代码如下:

    [javascript] view plain copy

    1. axios.interceptors.request.use( 
    2.         config => { 
    3. var xtoken = getXtoken() 
    4. if(xtoken != null){ 
    5.                 config.headers['X-Token'] = xtoken 
    6.             } 
    7. if(config.method=='post'){ 
    8.                 config.data = { 
    9.                     ...config.data, 
    10.                     _t: Date.parse(new Date())/1000, 
    11.                 } 
    12.             }else if(config.method=='get'){ 
    13.                 config.params = { 
    14.                     _t: Date.parse(new Date())/1000, 
    15.                     ...config.params 
    16.                 } 
    17.             } 
    18. return config 
    19.         },function(error){ 
    20. return Promise.reject(error) 
    21.         } 
    22.     ) 
    23. axios.interceptors.response.use(function (response) { 
    24. // token 已过期,重定向到登录页面
    25. if (response.data.code == 4){ 
    26.         localStorage.clear() 
    27.         router.replace({ 
    28.                         path: '/signin', 
    29.                         query: {redirect: router.currentRoute.fullPath} 
    30.                     }) 
    31.     } 
    32. return response 
    33. }, function (error) { 
    34. // Do something with response error
    35. return Promise.reject(error) 
    36. }) 
  • 相关阅读:
    Linux常用命令1
    Linux常用命令
    java的接口和抽象类区别
    字符串的全排列
    字符串的全组合
    Mysql范式
    同步 异步 阻塞 非阻塞概念区分
    死锁产生的条件以及解决方法
    Mysql存储引擎MyIsAM和InnoDB区别
    SLES documentation
  • 原文地址:https://www.cnblogs.com/mouseleo/p/8262421.html
Copyright © 2011-2022 走看看