vue中token登录验证，页面刷新导致token失效的解决办法

第一步：在store下的index.js文件夹中给状态管理添加token字段，如下所示第二步：在需要进行判断的页面获取状态中token字段判断，是否有值从而判断登录状态。第三步：在App组件中监听页面的刷新，一旦刷新就将浏览器会话存储中的token 赋值到状态管理，保证页面刷新依然是登录状态。...

DukeMr.Lee

6163人浏览 · 2021-11-02 20:42:43

DukeMr.Lee · 2021-11-02 20:42:43 发布

第一步：在store下的index.js文件夹中给状态管理添加token字段，如下所示

第二步：在需要进行判断的页面获取状态中token字段判断，是否有值从而判断登录状态。

第三步：在App组件中监听页面的刷新，一旦刷新就将浏览器会话存储中的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}$/, //不连续的两位字母// /^