一个前后端分离的动态路由小demo,后端使用 SpringSecurity+jjwt 构建安全验证模块,前端使用vue+vuetify+vueRouter+Vuex等等搭建。 一个简单的小例子,帮助你快速了解前后端分离该怎么搭建,主要是后端怎么使用 Spring-Security+jwt 来处理返回给前端的json还有对token的校验,还有前端的动态路由,动态菜单的简单实现。
在线预览👈
Github地址👈
概要
该项目是一个很简单的前后端分离项目, 后台使用了SpringSecurity,前端使用了Vuetify,做了一个简单的动态路由,权限控制。(或者说是简陋版吧 哈哈哈 后面要重新设计一个比较完整的并补上啦!)😝
后端
主要是为了学习前后端分离的情况,SpringSecurity的使用 ,jdk11哦!😄
前端
新框架Vuetify的学习(主要之前误以为elementui不更新了,,想着学个能一直用的吧🙃),还有动态路由,权限的简单例子
启动
本地跑起来,在vue文件夹中,执行
npm insall
npm run serve
SpringSecurity也直接跑起来就行了。
如果后端端口不是8080,需要修改下vue.config.js文件,将端口改为对应的就行😄
结束语
额 后面会想做一个好看的,完整的各种各样的例子出来,然后学些的一些新技术(主要是后端的,运用到里面去😝) ,有兴趣可以关注下博主的公众号 (虽然现在没有啥东西,但是。。。慢慢积累就有了!🤗)谢谢!