首页 > 其他分享 >统一携带 token

统一携带 token

时间:2022-10-11 11:14:46浏览次数:51  
标签:拦截器 console 请求 携带 token user config 统一

tokne 可以使用 vuex 和 本地存储处理 ;

一些接口需要携带token为了避免代码的重复性,可以在请求拦截器统一加入token ,每次请求都会携带token参数,不需要token参数的接口也不会受到影响,因为服务器只会监测自己所需要的参数 ;

// 添加请求拦截器
request.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    console.log(config, "======请求拦截器=========");
    // config 就是接口相关配置 eg headers data等
    // 如果有token就把tokne加入请求参数
    const { user } = store.state;
    // console.log(user);
    if (user && user.token) {
      //   console.log(111);
      config.headers.Authorization = `Bearer ${user.token}`;
    }
    return config;
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

标签:拦截器,console,请求,携带,token,user,config,统一
From: https://www.cnblogs.com/zhulongxu/p/16778529.html

相关文章

  • 使用 vuex 和 本地存储实现永久性token存在 并且在请求拦截统一添加headers token
    在vuex仓库中设置state的token值:从本地中取值:登录的时候调用唯一可以修改state数据的mutations方法设置token;exportdefaultnewVuex.Store({state:{//分......
  • token与cookie的区别?(token是如何避免CSRF攻击?)
    链接:https://blog.csdn.net/m0_37138074/article/details/125628352一、token与cookie的区别?1.1、cookie是浏览器用来存储本地信息的文件(4KB);token(令牌)是由服务器按一定算......
  • cookie session token 对比
    http是无状态,也就是说每次的http请求都是独立的。请求和响应无法维护,都是一次性的,比说在blog上留言发布都需要用户信息的,我们要存储登录用户的状态,**存储方式**1.......
  • 【Vue】axios二次封装,统一接口管理
    1.安装axiosnpminstall--saveaxios  2.创建封装js配置请求拦截器,可以在请求发送前进行统一预处理请求,不用每次在请求的时候手动添加协议头token等配置reques......
  • Antlr词法分析之技巧——修改某个token
    在上一次的博客Antlr词法分析之技巧——保留空白符中,我们演示了如何通过词法分析、语法分析解析出SQL中的所有表名,然后给没有带库名前缀的表名添加库名前缀。这一次我们......
  • 40.TokenAuthentication认证
    TokenAuthentication认证介绍TokenAuthentication是一种简单的基于令牌的HTTP认证适用于CS架构,例如普通的桌面应用程序或移动客户端 TokenAuthentication认证使用......
  • 插件化编程之WebAPI统一返回模型
    WebApi返回数据我们一般包裹在一个公共的模型下面的,而不是直接返回最终数据,在返回参数中,显示出当前请求的时间戳,是否请求成功,如果错误那么错误的消息是什么,状态码(根据业务......
  • 插件化编程之WebAPI统一返回模型
      WebApi返回数据我们一般包裹在一个公共的模型下面的,而不是直接返回最终数据,在返回参数中,显示出当前请求的时间戳,是否请求成功,如果错误那么错误的消息是什么,状态码(根......
  • 肖sir__python中获取token方法
    一、从响应头中获取token1、从登录接口的响应头中获取token值,存储在变量token中,方便后续接口请求的时候使用二、从响应体中获取token(1)token存在于单层字典数据中(2)token......
  • 代码随想录day14 ● 理论基础 ● 递归遍历 ● 迭代遍历 ● 统一迭代
    ● 理论基础 1//二叉树的定义2structTreeNode{3intval;4TreeNode*left;5TreeNode*right;6TreeNode(intx):val(x),left(NULL),r......