将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)
  }
)

最近更新

  1. TCP协议是安全的吗?

    2024-02-18 06:52:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-18 06:52:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-18 06:52:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-18 06:52:02       20 阅读

热门阅读

  1. python中线程/线程池,进程/进程池的创建

    2024-02-18 06:52:02       32 阅读
  2. 学习Android的第十四天

    2024-02-18 06:52:02       31 阅读
  3. 【无标题】

    2024-02-18 06:52:02       32 阅读
  4. ABC341A-D题解

    2024-02-18 06:52:02       30 阅读
  5. 寿司转盘,用 C 编码

    2024-02-18 06:52:02       32 阅读
  6. Pytorch的安装教程,解决jupyter不能使用pytorch的问题

    2024-02-18 06:52:02       33 阅读
  7. 每日OJ题_算法_递归⑤力扣50. Pow(x, n)

    2024-02-18 06:52:02       37 阅读
  8. JVM的类的生命周期

    2024-02-18 06:52:02       30 阅读
  9. 2024年五大科技与创业趋势:从AI退热到IPO挑战

    2024-02-18 06:52:02       29 阅读