后端:
1、在数据库中创建t_user用户表,参照建表SQL。
2、pom文件中引入Spring Security依赖、JWT依赖(复制粘贴即可)
<!--security-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-security</artifactId>
</dependency>
<!--JWT-->
<dependency>
<groupId>io.jsonwebtoken</groupId>
<artifactId>jjwt</artifactId>
<version>0.9.1</version>
</dependency>
3、复制粘贴: 实体类User.java、Usermapper.xml、Usermapper.java、UserService.java、UserController.java
4、复制粘贴com.xm.security包:实现拦截器功能(加壳),通过一系列配置实现security提供的登陆服务、对资源的访问权限和允许跨域访问等功能
5、最后,复制粘贴SecurityController.java:SecurityController接收经过拦截器处理的访问并返回给前端相应的信息
————————————————————————————
前端:
1、复制粘贴组件:login.vue 和 Register.vue
2、增加路由:
import Login from '../views/Login.vue'
import Register from '../views/Register.vue'
...
{
path: '/login',
name: 'Login',
component: Login
},
{
path: '/register',
name: 'Register',
component: Register
},
3、然后main.js中使用axios的全局拦截器,增加response 和 request 两个拦截器(复制即可)
———————————————————————————————
下面为用postman测试:
带上token就可以访问了