自学内容网 自学内容网

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

目录

5. 整合JWT

5.1 生成Token

5.2 携带Token

5.2.1 保存token

5.2.2 携带token

5.3 校验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);


原文地址:https://blog.csdn.net/weixin_45481821/article/details/127389582

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!