将JWT令牌存储到浏览器中localStorage中,并且往页面请求头中添加token

将JWT令牌存储到浏览器中localStorage中

复制代码
localStorage.setItem('token', response.data.data)

其中response.data.data是后端返回的数据为jwt字符串

往页面请求头中添加token

在vue中的main.js添加如下再带,axios便会拦截所有请求并且如果localStorage有token则会添加到页面的请求头中

复制代码
axios.interceptors.request.use(
  // config:请求报文信息
  function (config) {
    // 在发送请求之前做些什么
    // 如果有token,就在请求头中添加token
    if (localStorage.getItem('token')) {
      config.headers.token = localStorage.getItem('token')
    }
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)
相关推荐
冴羽5 分钟前
在浏览器控制台调试的 6 个秘密技巧
前端·javascript·chrome
青莲8437 分钟前
查找算法详解
android·前端
前端Hardy8 分钟前
别再手动调 Prompt 了!这款开源神器让 AI 输出质量提升 300%,支持 Claude、GPT、Gemini,还免费开源!
前端·javascript·面试
yuhaiqiang8 分钟前
谈谈什么是多AI交叉论证思维
前端·后端·面试
青莲8439 分钟前
排序算法详解
android·前端
留声9 分钟前
Vue3 动态路由实战:基于权限的动态路由管理与常见坑点解析
前端
许留山11 分钟前
前端 PDF 导出:从文件流下载到自动分页
前端·react.js
敲代码的约德尔人13 分钟前
ES2025 JavaScript 新特性预览
javascript
angerdream15 分钟前
最新版vue3+TypeScript开发入门到实战教程之watch详解
javascript·vue.js
蓝鲸有腿16 分钟前
项目部署后->这样通知用户刷新
前端