• JWT（简介）

    目录

    一、JWT的作用和工作原理

    1.JWT是什么

    2.为什么使用JWT

    3.JWT组成

    4.JWT的运行机制原理

    二、JWT与Vuex配合在SPA项目中使用

    JWT实现

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

            JWT工具类

    一、JWT的作用和工作原理

    传统的Session的存储机制（图解）

    传统的开发，要对系统的资源进行保护，那么会用到session机制来完成，那么session是跟随tomcat服务器，那也就以为session在前后端分离中的后端服务器中，而浏览器请求的确是前端服务器（nodeJS），这也就意味着在浏览输入网址（路由跳组件）的时候，它并不能获取到session，也就是说目前存在缺陷，你不登陆，也能够对其他的组件将进行一个访问

    1.JWT是什么

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

    2.为什么使用JWT

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

     3.JWT组成

    由三部分组成：头部(Header)、载荷(Payload)与签名(signature)

    头部（Header）：

     这个json中的typ属性，用来标识整个token字符串是一个JWT字符串；它的alg属性，用来说明这个JWT签发的时候所使用的签名和摘要算法，typ跟alg属性的全称其实是type algorithm，分别是类型跟算法的意思。之所以都用三个字母来表示，也是基于JWT最终字串大小的考虑，同时也是跟JWT这个名称保持一致，这样就都是三个字符了…typ跟alg是JWT中标准中规定的属性名称

    载荷（Payload）：

     payload用来承载要传递的数据，它的json结构实际上是对JWT要传递的数据的一组声明，这些声明被JWT标准称为claims，它的一个“属性值对”其实就是一个claim(要求)， 每一个claim的都代表特定的含义和作用。

    签名（signature）：

    签名是把header和payload对应的json结构进行base64url编码之后得到的两个串用 '英文句点号' 拼接起来，然后根据header里面alg指定的签名算法生成出来的。
    算法不同，签名结果不同。以alg: HS256为例来说明前面的签名如何来得到。
           
    按照前面alg可用值的说明，HS256其实包含的是两种算法：HMAC算法和SHA256算法，前者用于生成摘要，后者用于对摘要进行数字签名。这两个算法也可以用HMACSHA256来统称   

    数据结构图：

     

    4.JWT的运行机制原理

    1.第一次发送登录请求，必然会携带用户信息uname和pwd

    2.通过用户信息uname和pwd登录成功，会将用户信息通过jwt工具类生成一个加密的字符串

    3.加密字符串 会以response header 响应头的形式 相应到前端

    4.前端服务器会有响应拦截器拦截，截取到响应头承载的jwt串，又会放到Vuex中

    5.当第二次请求，前端服务器中有一个请求拦截器，会将Vuex中的jwt串放入request header 请求当中

    6.当请求通过跨域的方式到达后台服务器，后台服务器中又有一个过滤器，会截取到 request header 请求当中的jwt串

    7.jwt工具类会对jwt串进行解析，解析成用户信息，最终进行校验

    图解：

     

    二、JWT与Vuex配合在SPA项目中使用

    JWT实现

    当我们JWT还未开启时，我们是可以直接访问界面的

     

    后端：

    JwtFilter:

    1. package com.zking.vue.util;
    2.  
    3. import java.io.IOException;
    4. import java.util.regex.Matcher;
    5. import java.util.regex.Pattern;
    6.  
    7. import javax.servlet.Filter;
    8. import javax.servlet.FilterChain;
    9. import javax.servlet.FilterConfig;
    10. import javax.servlet.ServletException;
    11. import javax.servlet.ServletRequest;
    12. import javax.servlet.ServletResponse;
    13. import javax.servlet.http.HttpServletRequest;
    14. import javax.servlet.http.HttpServletResponse;
    15.  
    16. import io.jsonwebtoken.Claims;
    17.  
    18. /**
    19.  * * JWT验证过滤器，配置顺序 ：CorsFilte-->JwtFilter-->struts2中央控制器
    20.  * 
    21.  * @author Administrator
    22.  *
    23.  */
    24. public class JwtFilter implements Filter {
    25.  
    26. 	// 排除的URL，一般为登陆的URL(请改成自己登陆的URL)
    27. 	private static String EXCLUDE = "^/vue/userAction_login\\.action?.*$";
    28.  
    29. 	private static Pattern PATTERN = Pattern.compile(EXCLUDE);
    30.  
    31. 	private boolean OFF = true;// true关闭jwt令牌验证功能
    32.  
    33. 	@Override
    34. 	public void init(FilterConfig filterConfig) throws ServletException {
    35. 	}
    36.  
    37. 	@Override
    38. 	public void destroy() {
    39. 	}
    40.  
    41. 	@Override
    42. 	public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
    43. 			throws IOException, ServletException {
    44. 		HttpServletRequest req = (HttpServletRequest) request;
    45. 		HttpServletResponse resp = (HttpServletResponse) response;
    46. 		String path = req.getServletPath();
    47. 		if (OFF || isExcludeUrl(path)) {// 登陆直接放行
    48. 			chain.doFilter(request, response);
    49. 			return;
    50. 		}
    51.  
    52. 		// 从客户端请求头中获得令牌并验证
    53. 		String jwt = req.getHeader(JwtUtils.JWT_HEADER_KEY);
    54. 		Claims claims = this.validateJwtToken(jwt);
    55. 		if (null == claims) {
    56. 			// resp.setCharacterEncoding("UTF-8");
    57. 			resp.sendError(403, "JWT令牌已过期或已失效");
    58. 			return;
    59. 		} else {
    60. 			String newJwt = JwtUtils.copyJwt(jwt, JwtUtils.JWT_WEB_TTL);
    61. 			resp.setHeader(JwtUtils.JWT_HEADER_KEY, newJwt);
    62. 			chain.doFilter(request, response);
    63. 		}
    64. 	}
    65.  
    66. 	/**
    67. 	 * 验证jwt令牌，验证通过返回声明(包括公有和私有)，返回null则表示验证失败
    68. 	 */
    69. 	private Claims validateJwtToken(String jwt) {
    70. 		Claims claims = null;
    71. 		try {
    72. 			if (null != jwt) {
    73. 				claims = JwtUtils.parseJwt(jwt);
    74. 			}
    75. 		} catch (Exception e) {
    76. 			e.printStackTrace();
    77. 		}
    78. 		return claims;
    79. 	}
    80.  
    81. 	/**
    82. 	 * 是否为排除的URL
    83. 	 * 
    84. 	 * @param path
    85. 	 * @return
    86. 	 */
    87. 	private boolean isExcludeUrl(String path) {
    88. 		Matcher matcher = PATTERN.matcher(path);
    89. 		return matcher.matches();
    90. 	}
    91.  
    92. 	// public static void main(String[] args) {
    93. 	// String path = "/sys/userAction_doLogin.action?username=zs&password=123";
    94. 	// Matcher matcher = PATTERN.matcher(path);
    95. 	// boolean b = matcher.matches();
    96. 	// System.out.println(b);
    97. 	// }
    98.  
    99. }

    将true改为false，开启JWT的使用

     可以看到界面没有数据访问不了

    控制台查看当出现如图所示，可以知道我们有可能被限制了，有的网站需要我们登陆才能查看，而你没有登陆直接访问的话，就会出现如图所示403（Forbidden）       

     

    现在开始我们的JWT编写

    前端：
            Http.js:

    1. /**
    2.  * vue项目对axios的全局配置
    3.  */
    4. import axios from 'axios'
    5. import qs from 'qs'
    6.  
    7. //引入action模块，并添加至axios的类属性urls上
    8. import action from '@/api/action'
    9. axios.urls = action
    10.  
    11. // axios默认配置
    12. axios.defaults.timeout = 10000; // 超时时间
    13. // axios.defaults.baseURL = 'http://localhost:8080/j2ee15'; // 默认地址
    14. axios.defaults.baseURL = action.SERVER;
    15.  
    16. //整理数据
    17. // 只适用于 POST,PUT,PATCH，transformRequest` 允许在向服务器发送前，修改请求数据
    18. axios.defaults.transformRequest = function(data) {
    19. 	data = qs.stringify(data);
    20. 	return data;
    21. };
    22.  
    23.  
    24. // 请求拦截器
    25. axios.interceptors.request.use(function(config) {
    26. 	var jwt = window.vm.$store.getters.getJwt;
    27. 	config.headers['jwt'] = jwt;
    28. 	return config;
    29. }, function(error) {
    30. 	return Promise.reject(error);
    31. });
    32.  
    33. // 响应拦截器
    34. axios.interceptors.response.use(function(response) {
    35. 	debugger;
    36. 	var jwt = response.headers['jwt'];
    37. 	if(jwt){
    38. 		window.vm.$store.commit('setJwt',{jwt:jwt});
    39. 	}
    40. 	return response;
    41. }, function(error) {
    42. 	return Promise.reject(error);
    43. });
    44.  
    45.  
    46.  
    47. export default axios;

     

    mutations.js:

    1. export default {
    2.     setResName:(state,payload)=>{
    3.   //  state对象就对应了state.js中的对象
    4.   //  payload载荷 对应的 传递的 json对象参数{name:zs,age:24}
    5.     state.resName=payload.resName;
    6.   },
    7.   setJwt:(state,payload)=>{
    8.     state.jwt=payload.jwt;
    9.   }
    10. }

    state.js:

    1. export default {
    2.   resName:'阿喵餐馆',
    3.   jwt:''
    4. }

    getters.js:

    1. export default {
    2.   getResName:(state)=>{
    3.     return state.resName;
    4.   },
    5.   getJwt:(state)=>{
    6.     return state.jwt;
    7.   }
    8. }

    main.js:

    1. // The Vue build version to load with the `import` command
    2. // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
    3. import Vue from 'vue'
    4. //开发环境下才会引入mockjs
    5. //process.env.MOCK为false，那么require('@/mock')就不执行；
    6. // process.env.MOCK在生产环境下为false
    7. // process.env.MOCK && require('@/mock')
    8. import ElementUI from 'element-ui' // 新添加 1
    9. import 'element-ui/lib/theme-chalk/index.css' // 新添加 2 ，避免后期打包样式
    10. import App from './App'
    11. import router from './router'
    12. import axios from '@/api/http'  //vue项目对axios的全局配置
    13. // import axios from 'axios'
    14. import VueAxios from 'vue-axios'
    15. import store from './store'
    16.  
    17. Vue.use(ElementUI);//新添加 3
    18. Vue.use(VueAxios,axios);
    19. Vue.config.productionTip = false
    20.  
    21. /* eslint-disable no-new */
    22. window.vm = new Vue({
    23.   el: '#app',
    24.   router,
    25.   store,
    26.   data(){
    27.     return {
    28.       //在vue根实例中定一个变量，这个变量就是vue实例，它总线
    29.       //props this.$emit
    30.       Bus:new Vue({})
    31.     }
    32.   },
    33.   components: { App },
    34.   template: ''
    35. })

    编写完成之后，再次刷新就可以看到我们的数据出现

     

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

            JWT工具类

    JWTUtils：

    1. package com.zking.vue.util;
    2.  
    3. import java.util.Date;
    4. import java.util.Map;
    5. import java.util.UUID;
    6.  
    7. import javax.crypto.SecretKey;
    8. import javax.crypto.spec.SecretKeySpec;
    9.  
    10. import org.apache.commons.codec.binary.Base64;
    11.  
    12. import io.jsonwebtoken.Claims;
    13. import io.jsonwebtoken.JwtBuilder;
    14. import io.jsonwebtoken.Jwts;
    15. import io.jsonwebtoken.SignatureAlgorithm;
    16.  
    17. /**
    18.  * JWT验证过滤器：配置顺序 CorsFilte->JwtUtilsr-->StrutsPrepareAndExecuteFilter
    19.  *
    20.  */
    21. public class JwtUtils {
    22. 	/**
    23. 	 * JWT_WEB_TTL：WEBAPP应用中token的有效时间,默认30分钟
    24. 	 */
    25. 	public static final long JWT_WEB_TTL = 30 * 60 * 1000;
    26.  
    27. 	/**
    28. 	 * 将jwt令牌保存到header中的key
    29. 	 */
    30. 	public static final String JWT_HEADER_KEY = "jwt";
    31.  
    32. 	// 指定签名的时候使用的签名算法，也就是header那部分，jjwt已经将这部分内容封装好了。
    33. 	private static final SignatureAlgorithm SIGNATURE_ALGORITHM = SignatureAlgorithm.HS256;
    34. 	private static final String JWT_SECRET = "f356cdce935c42328ad2001d7e9552a3";// JWT密匙
    35. 	private static final SecretKey JWT_KEY;// 使用JWT密匙生成的加密key
    36.  
    37. 	static {
    38. 		byte[] encodedKey = Base64.decodeBase64(JWT_SECRET);
    39. 		JWT_KEY = new SecretKeySpec(encodedKey, 0, encodedKey.length, "AES");
    40. 	}
    41.  
    42. 	private JwtUtils() {
    43. 	}
    44.  
    45. 	/**
    46. 	 * 解密jwt，获得所有声明(包括标准和私有声明)
    47. 	 * 
    48. 	 * @param jwt
    49. 	 * @return
    50. 	 * @throws Exception
    51. 	 */
    52. 	public static Claims parseJwt(String jwt) {
    53. 		Claims claims = Jwts.parser().setSigningKey(JWT_KEY).parseClaimsJws(jwt).getBody();
    54. 		return claims;
    55. 	}
    56.  
    57. 	/**
    58. 	 * 创建JWT令牌，签发时间为当前时间
    59. 	 * 
    60. 	 * @param claims
    61. 	 *            创建payload的私有声明（根据特定的业务需要添加，如果要拿这个做验证，一般是需要和jwt的接收方提前沟通好验证方式的）
    62. 	 * @param ttlMillis
    63. 	 *            JWT的有效时间(单位毫秒)，当前时间+有效时间=过期时间
    64. 	 * @return jwt令牌
    65. 	 */
    66. 	public static String createJwt(Map claims, long ttlMillis) {
    67. 		// 生成JWT的时间，即签发时间
    68. 		long nowMillis = System.currentTimeMillis();
    69.  
    70. 		// 下面就是在为payload添加各种标准声明和私有声明了
    71. 		// 这里其实就是new一个JwtBuilder，设置jwt的body
    72. 		JwtBuilder builder = Jwts.builder()
    73. 				// 如果有私有声明，一定要先设置这个自己创建的私有的声明，这个是给builder的claim赋值，一旦写在标准的声明赋值之后，就是覆盖了那些标准的声明的
    74. 				.setClaims(claims)
    75. 				// 设置jti(JWT ID)：是JWT的唯一标识，根据业务需要，这个可以设置为一个不重复的值，主要用来作为一次性token,从而回避重放攻击。
    76. 				// 可以在未登陆前作为身份标识使用
    77. 				.setId(UUID.randomUUID().toString().replace("-", ""))
    78. 				// iss(Issuser)签发者，写死
    79. 				// .setIssuer("zking")
    80. 				// iat: jwt的签发时间
    81. 				.setIssuedAt(new Date(nowMillis))
    82. 				// 代表这个JWT的主体，即它的所有人，这个是一个json格式的字符串，可放数据{"uid":"zs"}。此处没放
    83. 				// .setSubject("{}")
    84. 				// 设置签名使用的签名算法和签名使用的秘钥
    85. 				.signWith(SIGNATURE_ALGORITHM, JWT_KEY)
    86. 				// 设置JWT的过期时间
    87. 				.setExpiration(new Date(nowMillis + ttlMillis));
    88.  
    89. 		return builder.compact();
    90. 	}
    91.  
    92. 	/**
    93. 	 * 复制jwt，并重新设置签发时间(为当前时间)和失效时间
    94. 	 * 
    95. 	 * @param jwt
    96. 	 *            被复制的jwt令牌
    97. 	 * @param ttlMillis
    98. 	 *            jwt的有效时间(单位毫秒)，当前时间+有效时间=过期时间
    99. 	 * @return
    100. 	 */
    101. 	public static String copyJwt(String jwt, Long ttlMillis) {
    102. 		Claims claims = parseJwt(jwt);
    103.  
    104. 		// 生成JWT的时间，即签发时间
    105. 		long nowMillis = System.currentTimeMillis();
    106.  
    107. 		// 下面就是在为payload添加各种标准声明和私有声明了
    108. 		// 这里其实就是new一个JwtBuilder，设置jwt的body
    109. 		JwtBuilder builder = Jwts.builder()
    110. 				// 如果有私有声明，一定要先设置这个自己创建的私有的声明，这个是给builder的claim赋值，一旦写在标准的声明赋值之后，就是覆盖了那些标准的声明的
    111. 				.setClaims(claims)
    112. 				// 设置jti(JWT ID)：是JWT的唯一标识，根据业务需要，这个可以设置为一个不重复的值，主要用来作为一次性token,从而回避重放攻击。
    113. 				// 可以在未登陆前作为身份标识使用
    114. 				//.setId(UUID.randomUUID().toString().replace("-", ""))
    115. 				// iss(Issuser)签发者，写死
    116. 				// .setIssuer("zking")
    117. 				// iat: jwt的签发时间
    118. 				.setIssuedAt(new Date(nowMillis))
    119. 				// 代表这个JWT的主体，即它的所有人，这个是一个json格式的字符串，可放数据{"uid":"zs"}。此处没放
    120. 				// .setSubject("{}")
    121. 				// 设置签名使用的签名算法和签名使用的秘钥
    122. 				.signWith(SIGNATURE_ALGORITHM, JWT_KEY)
    123. 				// 设置JWT的过期时间
    124. 				.setExpiration(new Date(nowMillis + ttlMillis));
    125. 		return builder.compact();
    126. 	}
    127. }

     

            JWTDemo测试

    1. package com.zking.vue.test;
    2.  
    3. import java.text.SimpleDateFormat;
    4. import java.util.Date;
    5. import java.util.HashMap;
    6. import java.util.Map;
    7.  
    8. import org.junit.Test;
    9.  
    10. import com.zking.vue.util.JwtUtils;
    11.  
    12. import io.jsonwebtoken.Claims;
    13.  
    14. public class JwtDemo {
    15.  
    16. 	private SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss.SSS");
    17.  
    18. 	//场景一：就是用户信息加密，解密的场景
    19. 	@Test
    20. 	public void test1() {// 生成JWT
    21. 		Map claims = new HashMap();
    22. 		claims.put("username", "zss");
    23. 		claims.put("age", 18);
    24.  
    25. 		String jwt = JwtUtils.createJwt(claims, JwtUtils.JWT_WEB_TTL);
    26. 		System.out.println(jwt);
    27.  
    28. 		Claims parseJwt = JwtUtils.parseJwt(jwt);
    29. 		for (Map.Entry entry : parseJwt.entrySet()) {
    30. 			System.out.println(entry.getKey() + "=" + entry.getValue());
    31. 		}
    32. 		Date d1 = parseJwt.getIssuedAt();
    33. 		Date d2 = parseJwt.getExpiration();
    34. 		System.out.println("令牌签发时间：" + sdf.format(d1));
    35. 		System.out.println("令牌过期时间：" + sdf.format(d2));
    36. 	}
    37.  
    38. 	//场景二：令牌过期
    39. 	@Test
    40. 	public void test2() {// 解析oldJwt
    41. //		String oldJwt = "eyJhbGciOiJIUzI1NiJ9.eyJleHAiOjE1NjI5MDMzNjAsImlhdCI6MTU2MjkwMTU2MCwiYWdlIjoxOCwianRpIjoiZDVjMzE4Njg0MDcyNDgyZDg1MDE5ODVmMDY3OGQ4NjkiLCJ1c2VybmFtZSI6InpzcyJ9.XDDDRRq5jYq5EdEBHtPm7GcuBz4S0VhDTS1amRCdf48";
    42. 		String oldJwt = "eyJhbGciOiJIUzI1NiJ9.eyJleHAiOjE1NjM1MjU5MjMsImlhdCI6MTU2MzUyNDEyMywiYWdlIjoxOCwianRpIjoiOTAzNmMwY2Q3NGIwNDBjMzgzMDAxYzdiNmZkMzYzZmIiLCJ1c2VybmFtZSI6InpzcyJ9.sgV9fr4fgmmahDFRJnsfazA6R3H-gNMVcg2ucA227n4";
    43. 		Claims parseJwt = JwtUtils.parseJwt(oldJwt);
    44. 		for (Map.Entry entry : parseJwt.entrySet()) {
    45. 			System.out.println(entry.getKey() + "=" + entry.getValue());
    46. 		}
    47. 		Date d1 = parseJwt.getIssuedAt();
    48. 		Date d2 = parseJwt.getExpiration();
    49. 		System.out.println("令牌签发时间：" + sdf.format(d1));
    50. 		System.out.println("令牌过期时间：" + sdf.format(d2));
    51. 	}
    52. 	 
    53. 	//场景三：延长过期事件
    54. 	@Test
    55. 	public void test3() {// 复制jwt，并延时30秒
    56. 		String oldJwt = "eyJhbGciOiJIUzI1NiJ9.eyJleHAiOjE1NjI5MDMzNjAsImlhdCI6MTU2MjkwMTU2MCwiYWdlIjoxOCwianRpIjoiZDVjMzE4Njg0MDcyNDgyZDg1MDE5ODVmMDY3OGQ4NjkiLCJ1c2VybmFtZSI6InpzcyJ9.XDDDRRq5jYq5EdEBHtPm7GcuBz4S0VhDTS1amRCdf48";
    57. 		String jwt = JwtUtils.copyJwt(oldJwt, JwtUtils.JWT_WEB_TTL);
    58. 		Claims parseJwt = JwtUtils.parseJwt(jwt);
    59. 		for (Map.Entry entry : parseJwt.entrySet()) {
    60. 			System.out.println(entry.getKey() + "=" + entry.getValue());
    61. 		}
    62. 		Date d1 = parseJwt.getIssuedAt();
    63. 		Date d2 = parseJwt.getExpiration();
    64. 		System.out.println("令牌签发时间：" + sdf.format(d1));
    65. 		System.out.println("令牌过期时间：" + sdf.format(d2));
    66. 	}
    67.  
    68. 	@Test
    69. 	public void test4() {// 测试JWT的有效时间
    70. 		Map claims = new HashMap();
    71. 		claims.put("username", "zss");
    72. 		String jwt = JwtUtils.createJwt(claims, 3 * 1000L);
    73. 		System.out.println(jwt);
    74. 		Claims parseJwt = JwtUtils.parseJwt(jwt);
    75. 		Date d1 = parseJwt.getIssuedAt();
    76. 		Date d2 = parseJwt.getExpiration();
    77. 		System.out.println("令牌签发时间：" + sdf.format(d1));
    78. 		System.out.println("令牌过期时间：" + sdf.format(d2));
    79. 	}
    80.  
    81. 	@Test
    82. 	public void test5() {// 三秒后再解析上面过期时间只有三秒的令牌，因为过期则会报错io.jsonwebtoken.ExpiredJwtException
    83. 		String oldJwt = "eyJhbGciOiJIUzI1NiJ9.eyJleHAiOjE1NjI4NTMzMzAsImlhdCI6MTU2Mjg1MzMyNywidXNlcm5hbWUiOiJ6c3MifQ.e098Vj9KBlZfC12QSDhI5lUGRLbNwb27lrYYSL6JwrQ";
    84. 		Claims parseJwt = JwtUtils.parseJwt(oldJwt);
    85. 		// 过期后解析就报错了，下面代码根本不会执行
    86. 		Date d1 = parseJwt.getIssuedAt();
    87. 		Date d2 = parseJwt.getExpiration();
    88. 		System.out.println("令牌签发时间：" + sdf.format(d1));
    89. 		System.out.println("令牌过期时间：" + sdf.format(d2));
    90. 	}
    91. }

    Test1:

     

    Test2:

     Test3:

     

  • 相关阅读:
    【算法作业】实验三：划分集合-贪心 & 可能的IP地址-回溯
    微晶旁流水处理器 旁流水处理器
    Mongodb的分页优化及索引使用
    关于Safari浏览器报错：Failed to load resource: 发生SSL错误，无法建立到该服务器的安全连接
    ArcGIS中分割与按属性分割的区别
    你要了解，哪些财产不属于夫妻共同财产
    一篇五分生信临床模型预测文章代码复现——Figure1 差异表达基因及预后基因筛选——火山图，Venn图，热图绘制（二）
    TCP/IP 网络嗅探器开发实例
    Spring 七种事务传播性介绍
    关于浮点数的 fld、fadd、fstp 汇编指令介绍
  • 原文地址：https://blog.csdn.net/qq_65345936/article/details/126919537