将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)
  }
)
相关推荐
拉里呱唧15 小时前
一个像在使用PPT的在线 HTML 编辑器:HeyHTML
javascript·交互·html5
北山有鸟15 小时前
IS_ERR 判断出错后,再用 PTR_ERR 把它强制转换回 int 型的错误码作为函数的返回值。
java·开发语言
格林威15 小时前
工业视觉检测:提供可视化UI调试工具的实现方式是什么?
开发语言·人工智能·数码相机·ui·计算机视觉·视觉检测·工业相机
We་ct15 小时前
LeetCode 97. 交错字符串:动态规划详解
前端·算法·leetcode·typescript·动态规划
phltxy15 小时前
深度解析:Spring Cloud Gateway 从入门到实战
java·开发语言
AI进化营-智能译站15 小时前
ROS2 C++开发系列08-传感器数据缓存与指令解析方式之数组、向量与字符串实战
开发语言·c++·缓存·ai
Chengbei1115 小时前
轻量化 Web 安全日志分析神器 星川智盾日志威胁检测、地理溯源、MITRE ATT&CK 映射,支持 Windows/macOS/Linux
前端·人工智能·安全·web安全·macos·系统安全·安全架构
风流 少年15 小时前
Python Web框架:FastAPI
前端·python·fastapi
shjita15 小时前
记录java执行中的一个错误细节
java·开发语言
GISer_Jing15 小时前
AI时代面试新常态——从“会用工具”到“深挖原理”的跨越
前端·人工智能·ai编程