【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
})
相关推荐
酒尘5 分钟前
React交互学习篇
react.js
ohyeah5 分钟前
AI First 时代:用大模型构建轻量级后台管理系统
前端·llm
KKKK7 分钟前
一次React19.2 Activity 组件使用问题排查
react.js
Apeng_091914 分钟前
vue实现页面不断插入内容并且自动滚动功能
前端·javascript·vue.js
孟祥_成都32 分钟前
Prompt 还能哄女朋友!你真的知道如何问 ai 问题吗?
前端·人工智能
前端涂涂33 分钟前
第3讲:BTC-数据结构
前端
白狐_7981 小时前
【项目实战】我用一个 HTML 文件写了一个“CET-6 单词斩”
前端·算法·html
夕水1 小时前
React Server Components 中的严重安全漏洞
前端
sg_knight1 小时前
SSE 技术实现前后端实时数据同步
java·前端·spring boot·spring·web·sse·数据同步
苹果电脑的鑫鑫1 小时前
el-select下拉菜单如何可以手输入内容
前端·vue.js·elementui