将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)
  }
)
相关推荐
add45a9 分钟前
C++中的观察者模式
开发语言·c++·算法
于慨16 分钟前
Capacitor
前端
该怎么办呢19 分钟前
Source/Core/Event.js
开发语言·javascript·ecmascript·cesium
似水明俊德19 分钟前
04-C#.Net-委托和事件-面试题
java·开发语言·面试·c#·.net
johnrui36 分钟前
集合与树形结构
开发语言·windows
IT凝冬39 分钟前
liunx 的 centos7 安装ngin
前端
赵锦川40 分钟前
大屏比例缩放
前端·javascript·html
该怎么办呢1 小时前
Source/Core/DeveloperError.js
开发语言·javascript·ecmascript
小璐资源网1 小时前
Java 21 新特性实战:虚拟线程详解
java·开发语言·python