后端:
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就可以访问了




















