技术栈

【React】Axios请求头注入token

奔跑的小G2024-06-25 10:23

业务背景:

Token作为用户的数据标识,在接口层面起到了接口权限控制的作用,也就是说后端有很多接口都需要通过查看当前请求头信息中是否含有token数据,来决定是否正常返回数据

javascript 复制代码
// 添加请求拦截器
request.interceptors.request.use(config => {
  // if not login add token
  const token = getToken()
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
})
上一篇:猫狗识别—静态图像识别
下一篇:day45--RocketMQ(三)
相关推荐
浩星
7 分钟前
react的框架UmiJs(五米)
前端·javascript·react.js
子醉
2 小时前
推荐一种适合前端开发使用的解决本地跨域问题的办法
前端
Niyy_
3 小时前
前端一个工程构建多个项目,记录一次工程搭建
前端·javascript
xiangxiongfly915
3 小时前
CSS link标签
前端·css
快乐非自愿
4 小时前
常用设计模式:工厂方法模式
javascript·设计模式·工厂方法模式
岁月宁静
4 小时前
AI 多模态全栈应用项目描述
前端·vue.js·node.js
十年磨一剑~
4 小时前
html+js开发一个测试工具
javascript·css·html
nn_(nana)
5 小时前
修改文件权限--- chmod ,vi/vim,查看文件内容,yum-软件包管理器,systemctl管理系统服务
前端
汪汪队立大功123
5 小时前
JavaScript是怎么和html元素关联起来的?
开发语言·javascript·html
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)04Linux下V2Ray安装配置指南05综合整理:pdf预览显示:你尝试预览的文件可能对你的计算机有害。如果你信任此文件以及其来源,请打开此文件以看其内容,如何解决以正常预览文件06BongoCat - 跨平台键盘猫动画工具07Labelme从安装到标注:零基础完整指南08jdk21下载、安装(Windows、Linux、macOS)09全面评测 | Photoshop 2026 新特性深度解析与实测体验10NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南