Spring Boot整合Shiro+Jwt前后端分离简单实例

项目描述

首先说说前后端分离哈，很多同学认为在项目中使用了ajax发请求，就是前后端分离项目了，然而并不是

从服务器角度来看，传统项目大概是这样的，服务器可以决定性的控制页面的跳转，请求转发，重定向都是服务器控制页面跳转的手段，前端页面的解析需要依赖服务器，举个例子，jsp离开了tomcat根本就无法运行，那么在jsp中写的ajax还有什么意义，只是说让用户体验好点，毕竟在用户看来局部刷新远远大于全局刷新

那么前后端分离呢，又怎么说，前段页面可以脱离后台服务器部署，前段页面是纯纯的html、css、javascript，浏览器即可运行，既然前段和后端分离开了，那后台服务器不能控制前台页面的跳转，那这个时候就需要前后端做个约定，服务器说，哥们，我给你401的状态码，表明用户未认证，你帮我跳登录页面吧。看起来是平等的，服务器起不了决定性的作用

前后端分离：(个人理解)

前端、后端可以分别部署到不同的服务器上
前端页面的解析脱离服务器，完全交由浏览器解析
前后端之间仅有数据交互

有些同学可能会问，那Vue、React写的组件都是xxx.Vue、xxx.jxs，算前后端分离嘛，肯定算，浏览器并不认识.Vue、.jsx，这种文件格式最终都会通过webpack或其他打包工具打成纯纯的html、css、javascript

运行环境

jdk8+tomcat9+mysql+IntelliJ IDEA+maven

项目技术(必填)

spring boot+mybatis+shiro+jwt

数据库文件(可选)

代码中包含了

是否原创(转载必填原文地址)

原创

依赖包文件(可选)

maven项目

链接: https://pan.baidu.com/s/1MTbDb4wQrdXY-3nkNkma7w?pwd=c2xe 提取码: c2xe

项目截图(必填)

运行截图(必填)

http://localhost:2022/user/public

http://localhost:2022/user/login

admin admin

curl -X "POST" "http://localhost:2022/user/login" \
-H 'Content-Type: application/json' \
-d '{"userName":"admin","password":"admin"}'

通过idea插件Fast Request请求验证

http://localhost:2022/user/list

curl -X "GET" "http://localhost:2022/user/list" \
-H 'token: eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiIxIiwicGFzc3dvcmQiOiJkZjY1NWFkOGQzMjI5ZjMyNjlmYWQyYThiYWI1OWI2YyIsInJvbGUiOiJhZG1pbiIsImlkIjoxLCJ1c2VyTmFtZSI6ImFkbWluIiwiaWF0IjoxNjczMTAwMTMzLCJleHAiOjE2NzMxMDE5MzN9.67_rtthADBBYz262CXd8KCsbCE_sW2IrV4o7l_i4fIc' \
-H 'Content-Type: application/json' \