一:jwt与其工作原理
1.JWT是什么
JSON Web Token (JWT),它是目前最流行的跨域身份验证解决方案
例:jwt就相当于学校的出入证,只有持有出入证的人才能进行出入
2. 为什么使用JWT
JWT的精髓在于:“去中心化”,数据是保存在客户端的。
以session来举例,session是储存在服务器的,如果是按服务器来储存数据的话,那么服务器会占用很大的一个内存,而存储在客户端就解决了这个问题
3. JWT的工作原理
传统开发对资源的访问限制利用session完成图解
分析:前后端分离而不选用session是因为前台访问不到后台的服务器,服务器隔离了产生了多台,session不奏效了,所以选用JWT
jwt所解决的问题及机制
启动项目
跳过登录直接访问主页面是访问成功了
(这里还是没有打开jwt令牌的结果)
打开jwt令牌验证功能
在com.zking.vue.util.JwtFilter目录下
在com.zking.vue.web.UserAction目录下
在src/api/http.js目录下放开响应请求器和请求响应器
在src/store/Mutation.js中定义方法
![]()
在src/store/state.js中定义jwt变量
export default{ resturantName:'Space Plus', jwt:'' }
因为window.vm不能代表this所以在main.js这里加上
在src/store/Getters.js中定义getJwt变量
export default { getResturantName:(state)=>{ return state.resturantName; }, getJwt:(state)=>{