将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)
  }
)
相关推荐
counterxing4 分钟前
我整理了一个免费开发资源目录,还做成了 CLI 和 MCP
前端·agent·ai编程
chao1898446 小时前
基于 SPEA2 的多目标优化算法 MATLAB 实现
开发语言·算法·matlab
赏金术士6 小时前
Kotlin 习题集 · 高级篇
android·开发语言·kotlin
子兮曰7 小时前
Bun v1.3.14 深度解析:Image API、HTTP/3、全局虚拟存储与五十项变革
前端·后端·bun
楼兰公子7 小时前
buildroot 在编译rust时裁剪平台类型数量的方法
开发语言·后端·rust
吴声子夜歌7 小时前
Go——并发编程
开发语言·后端·golang
kyriewen8 小时前
今天,百年巨头一次砍了9200人,而一个离职科学家的实话让全网睡不着觉
前端·openai·ai编程
ooseabiscuit8 小时前
Laravel4.x:现代PHP框架的奠基之作
java·开发语言·php
问心无愧05138 小时前
ctf show web 入门42
android·前端·android studio
c1s2d3n4cs8 小时前
Qt模仿nlohmann::json进行序列化和反序列化
开发语言·qt·json