JWT的使用

最新推荐文章于 2024-08-16 08:00:49 发布

在敲！！！别催

最新推荐文章于 2024-08-16 08:00:49 发布

阅读量6.2k

点赞数 1

分类专栏：笔记文章标签： vue.js 前端

本文链接：https://blog.csdn.net/m0_60385807/article/details/121364125

版权

本文详细介绍了JWT（JSON Web Token）的原理、使用方式以及在Vue.js项目中的应用。通过web.xml配置、JwtFilter、Vuex等组件，展示了JWT的登录验证、令牌管理和状态维护。同时，探讨了JWT的三种场景：生成与解析JWT令牌、令牌过期处理以及如何延长令牌有效期。

摘要由CSDN通过智能技术生成

目标：

①、jwt出现的原因及工作原理

②、jwt工具类介绍，三种场景

③、jwt与vuex配合在SPA项目中的应用

一、jwt的介绍

1、jwt是什么

JSON Web Token (JWT)，它是目前最流行的跨域身份验证解决方案

2、为什么使用JWT

JWT的精髓在于：“去中心化”，数据是保存在客户端的。

3、JWT的工作原理

是在服务器身份验证之后，将生成一个JSON对象并将其发送回用户，示例如下： {"UserName": "Chongchong","Role": "Admin","Expire": "2018-08-08 20:15:56"}
之后，当用户与服务器通信时，客户在请求中发回JSON对象
为了防止用户篡改数据，服务器将在生成对象时添加签名，并对发回的数据进行验证

4、JWT组成

一个JWT实际上就是一个字符串，它由三部分组成：头部(Header)、载荷(Payload)与签名(signature) JWT结构原理图：见资料“JWT的数据结构.jpg” JWT实际结构：eyJhbGciOiJIUzI1NiJ9. eyJzdWIiOiJ7fSIsImlzcyI6InpraW5nIiwiZXhwIjoxNTYyODUwMjM3LCJpYXQiOjE1NjI4NDg0MzcsImp0aSI6ImM5OWEyMzRmMDc4NzQyZWE4YjlmYThlYmYzY2VhNjBlIiwidXNlcm5hbWUiOiJ6c3MifQ. WUfqhFTeGzUZCpCfz5eeEpBXBZ8-lYg1htp-t7wD3I4

它是一个很长的字符串，中间用点（.）分隔成三个部分。注意，JWT 内部是没有换行的，这里只是为了便于展示，将它写成了几行。写成一行，就是下面的样子：Header.Payload.Signature

二、jwt使用

web.xml

<filter>
       <filter-name>jwtFilter</filter-name>
       <filter-class>com.zking.vue.util.JwtFilter</filter-class>
   </filter>
   <filter-mapping>
       <filter-name>jwtFilter</filter-name>
       <url-pattern>/*</url-pattern>
   </filter-mapping>

将true改为false，开启

JwtFilter

private boolean OFF = false;// true关闭jwt令牌验证功能

package com.zking.vue.util;

import java.io.IOException;
import java.util.regex.Matcher;
import java.util.regex.Pattern;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import io.jsonwebtoken.Claims;

/**
 * * JWT验证过滤器，配置顺序 ：CorsFilte-->JwtFilter-->struts2中央控制器
 * 
 * @author Administrator
 *
 */
public class JwtFilter implements Filter {

	// 排除的URL，一般为登陆的URL(请改成自己登陆的URL)
	private static String EXCLUDE = "^/vue/userAction_login\\.action?.*$";

	private static Pattern PATTERN = Pattern.compile(EXCLUDE);

	private boolean OFF = false;// true关闭jwt令牌验证功能

	@Override
	public void init(FilterConfig filterConfig) throws ServletException {
	}

	@Override
	public void destroy() {
	}

	@Override
	public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
			throws IOException, ServletException {
		HttpServletRequest req = (HttpServletRequest) request;
		HttpServletResponse resp = (HttpServletResponse) response;
		String path =