【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
})
相关推荐
curdcv_po5 分钟前
甲方嫌弃,项目首页加载太慢
前端
刘同学有点忙6 分钟前
技术升级中的"幽灵Bug"排查:从message失效看架构迁移的隐性成本
前端
不会飞的鲨鱼7 分钟前
FastMoss 国际电商Tiktok数据分析 JS 逆向 | MD5加密
javascript·python·数据挖掘·数据分析
怪大叔95277 分钟前
vue组件之远程组件
前端·javascript·vue.js
邢同学爱折腾9 分钟前
长安的荔枝小说阅读器——程序员的浪漫与效率
前端·javascript
墨夏11 分钟前
Tauri + NextJS 扫码登录
android·前端·ios
天生我材必有用_吴用12 分钟前
Three.js开发必备:灯光详解附带案例
前端
Hilaku30 分钟前
用好了 watchEffect 才算会用 Vue3 —— 那些让人误解的响应式陷阱
前端·javascript·vue.js
GISer_Jing34 分钟前
Zustand 状态管理库:极简而强大的解决方案
前端·javascript·react.js
zacksleo35 分钟前
鸿蒙Flutter实战:25-混合开发详解-5-跳转Flutter页面
前端·flutter·harmonyos