【React】Axios请求头注入token

业务背景:

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
})
相关推荐
超级土豆粉几秒前
JavaScript 标签加载
开发语言·javascript·ecmascript
用户21411832636023 分钟前
dify案例分享-Dify+RSS 聚合 8 大平台实时热点,新闻获取效率飙升 300%
前端
百锦再5 分钟前
Razor编程中@Html的方法使用大全
前端·html
啪叽8 分钟前
JavaScript可选链操作符(?.)的实用指南
前端·javascript
Ian在掘金9 分钟前
bat+python实现easy connect自动连接
前端·python
代码搬运媛11 分钟前
【react实战】如何实现监听窗口大小变化
前端·javascript·react.js
小桥风满袖13 分钟前
Three.js-硬要自学系列30之专项学习环境光
前端·css·three.js
Luckyfif16 分钟前
🤯由 性能指标 散发开来的 Performance API 被问爆了呀
前端·面试·性能优化
咸虾米19 分钟前
在uniCloud云对象内使用unipay的微信退款出现错误“uniPayCo.refund Error: token校验未通过”的解决方案
前端·后端
前端Hardy26 分钟前
HTML&CSS:产品卡片动画效果
前端·javascript