基于vue实现权限验证token 步骤

登录时把用户名和用户密码提交至服务端，服务端校验然后根据规则和算法生成token，把用户信息和token存至redis中。客户端接收到token保存（建议保存使用vuex的state+localStorage，因为vue是单页面应用，防止同一个浏览器下打开第二个网页而不需要登录）,跳转至首页，请求数据时消息头带上token。后台通过过滤器校验token，通过则继续...

qwqtx

2758人浏览 · 2018-09-27 11:13:31

qwqtx · 2018-09-27 11:13:31 发布

登录时把用户名和用户密码提交至服务端，服务端校验然后根据规则和算法生成token，把用户信息和token存至redis中。
客户端接收到token保存（建议保存使用vuex的state+localStorage，因为vue是单页面应用，防止同一个浏览器下打开第二个网页而不需要登录）,跳转至首页，请求数据时消息头带上token。
后台通过过滤器校验token，通过则继续执行返回数据，未通过则返回约定的错误码和错误信息提供至前台，跳转至登录页

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^