【学生管理系统】整合JWT(完)

目录

[5. 整合JWT](#5. 整合JWT)

[5.1 生成Token](#5.1 生成Token)

[5.2 携带Token](#5.2 携带Token)

[5.2.1 保存token](#5.2.1 保存token)

[5.2.2 携带token](#5.2.2 携带token)

[5.3 校验Token](#5.3 校验Token)

[5.4 获得Token](#5.4 获得Token)

5. 整合JWT

5.1 生成Token

  • 用户登录成功后,通过工具类,将用户信息转换成token

  • 步骤:

    • 拷贝工具类,及其Properties类

    • yml配置

    • 登录生成token

  • 拷贝工具类,及其Properties类

    • 注意:Swagger处理标准请求头,不再是X-Token

  • yml配置

  • 登录生成token

5.2 携带Token

5.2.1 保存token

  • 用户登录成功后,将token保存浏览器

  • 通过浏览器查看保存的数据

5.2.2 携带token

  • 对axios进行增强,需要每次都写到token

  • 步骤:

    1. 编写nuxt的插件

    2. 注册插件

  1. 编写nuxt的插件

    复制代码
    //https://axios.nuxtjs.org/helpers
    //https://axios.nuxtjs.org/extend
    export default function ({ $axios, redirect }) {
        $axios.onRequest(config => {
            // 从 localStorage 获得token,并添加到头
            let token = localStorage.getItem('token')
            if(token) {
                //Adds header: `Authorization: 123` to all requests
                $axios.setToken(token)
            }
        })
      
        $axios.onError(error => {
          const code = parseInt(error.response && error.response.status)
          if (code === 400) {
            redirect('/400')
          }
        })
    }
  2. 注册插件

    复制代码
    { src: '~/plugins/axios.js', mode: 'client' }
  • 测试:每次请求都携带token

5.3 校验Token

  • 在Gateway编写过滤器,注意:处理的请求头名字为Authorization

5.4 获得Token

复制代码
TbUser tbUser = JwtUtils.getObjectFromToken(token, jwtProperties.getPublicKey() , TbUser.class);
相关推荐
Fireworkitte1 小时前
Apache POI 详解 - Java 操作 Excel/Word/PPT
java·apache·excel
weixin-a153003083161 小时前
【playwright篇】教程(十七)[html元素知识]
java·前端·html
DCTANT1 小时前
【原创】国产化适配-全量迁移MySQL数据到OpenGauss数据库
java·数据库·spring boot·mysql·opengauss
Touper.1 小时前
SpringBoot -- 自动配置原理
java·spring boot·后端
wen's1 小时前
React Native 0.79.4 中 [RCTView setColor:] 崩溃问题完整解决方案
javascript·react native·react.js
黄雪超2 小时前
JVM——函数式语法糖:如何使用Function、Stream来编写函数式程序?
java·开发语言·jvm
ThetaarSofVenice2 小时前
对象的finalization机制Test
java·开发语言·jvm
vvilkim2 小时前
Electron 自动更新机制详解:实现无缝应用升级
前端·javascript·electron
vvilkim2 小时前
Electron 应用中的内容安全策略 (CSP) 全面指南
前端·javascript·electron
aha-凯心2 小时前
vben 之 axios 封装
前端·javascript·学习