将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)
  }
)
相关推荐
笨拙的老猴子9 小时前
[特殊字符] Java GC机制详解:G1、ZGC、Shenandoah全面解析与版本演进对比
java·开发语言
水木流年追梦9 小时前
大模型入门-Reward 奖励模型训练
开发语言·python·算法·leetcode·正则表达式
电子云与长程纠缠9 小时前
UE5制作六边形包裹球体效果
开发语言·python·ue5
IT_陈寒9 小时前
Vite动态导入把我坑惨了,原来要这样用才对
前端·人工智能·后端
砍材农夫9 小时前
物联网 基于netty构建mqtt协议规范(遗嘱与保留消息)
java·开发语言·物联网·netty
DFT计算杂谈9 小时前
KPROJ编译教程
java·前端·python·算法·conda
觅_9 小时前
前端学习后端的时候 选择一个技术
前端·学习
独泪了无痕9 小时前
CryptoJS:数据安全的JavaScript加密利器
前端·vue.js·node.js
froginwe119 小时前
Python3 迭代器与生成器
开发语言
xiaoshuaishuai810 小时前
C# 签名异常与Gas预估失败调试方案
开发语言·网络·tcp/ip·c#