1.简介使用的开发工具:IDEA、Nodejs、VisualStudioCode、MySQL5.5、JDK1.8前端技术:VUE+EL后台使用的技术:OAuth2,Gateway,Zuul2.0,OpenResty+lua,Sentinel,OpenFeign,FastDFS,Elastic-Job(xxl-job),Zipkin,HystrixTurbineGitHub地址:代码还没有完全脱离业务,现在正在分开。2、准备工作从前端开始,整个项目的前端采用VUe+El,使用的架构:vue、vuex、vue-router、axios。可以登录VUE官网查看VUE的详细使用方法。有一个演示“VUE-MANAGE-ADMIN”。3、创建VUE项目VS创建项目网上有详细教程。本节只讲解VUE中的用户登录拦截和token认证接入项目结构。在登录页面login.vue中引入一个js文件api_user,在api_user中添加获取token的方法。获取成功后会在cookie中访问,这里也可以在session中访问。cookies和session的获取详见“https://blog.csdn.net/qq_3120...”,里面解释的很清楚,不同的业务场景是不一样的。api_user.js中使用了axios跨域请求。官网有详细的介绍。下图介绍了axios常用的请求方式。至此,整个访问、请求、访问就完成了。VUE中的权限路由和整个登录效果展示了可以通过postman验证得到的token。
