jwt

一：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)=>{