将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)
  }
)
相关推荐
精神小伙就是猛13 小时前
使用go-zero快速搭建一个微服务(一)
开发语言·后端·微服务·golang
不会聊天真君64713 小时前
基础语法·下(golang笔记第三期)
开发语言·笔记·golang
客卿12313 小时前
最小生成树(贪心)--构造回文串(字符串 + 回文判断 + 构造)
java·开发语言·算法
Bert.Cai13 小时前
Python input函数作用
开发语言·python
Fairy要carry13 小时前
项目03-手搓Agent之团队协作(发消息/分配任务)
linux·前端·python
88号技师13 小时前
2026年3月中科院一区SCI-赏金猎人优化算法Bounty Hunter Optimizer-附Matlab免费代码
开发语言·算法·数学建模·matlab·优化算法
weixin_4643076313 小时前
QT宏、属性系统
开发语言·qt
hzb6666613 小时前
xd_day32-day40
java·javascript·学习·安全·web安全·tomcat·php
2201_7562063413 小时前
STM32F407 + ML307 阿里云物联网项目总结
c语言·开发语言·嵌入式硬件
小糯米60113 小时前
C++ 单调栈原理与模板
开发语言·c++·算法