【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
})
相关推荐
sorryhc2 分钟前
【AI解读源码系列】ant design mobile——Avatar头像
前端·javascript·react.js
Mintopia10 分钟前
🎭 一场浏览器里的文艺复兴
前端·javascript·aigc
Mintopia10 分钟前
🎬《Next 全栈 CRUD 的百老汇》
前端·后端·next.js
AryaNimbus25 分钟前
你不知道的Cursor系列:如何使用Cursor同时开发多项目?
前端·ai编程·cursor
国家不保护废物29 分钟前
Function Call与MCP:给AI插上连接现实的翅膀
前端·aigc·openai
500佰30 分钟前
阿里Qoder AI 新开发工具,长期记忆、Wiki和Quest模式是它的独有特性
前端
Juchecar31 分钟前
Vue3 Class 和 Style 绑定详解
前端·vue.js
coding随想31 分钟前
揭秘DOM键盘事件:从基础到高级技巧全解析!
前端
xianxin_34 分钟前
CSS Position(定位)
前端
xianxin_34 分钟前
CSS Float(浮动)
前端