vue2.0-单点登录

  • 首先我们需要知道什么是单点登录

在多个应用系统中，只需要登录一次，就可以访问其他相互信任的应用系统。

单点登录的解决办法在网上有很多，这是我觉得好理解的解决办法：https://www.jianshu.com/p/613e44d4a464

以下就是我的解决方法：
1.在主系统的登录页
在登录成功的情况下，让后端接口返给前端一个token，前端在将此token存储在cookie中
2.在主系统里面会有个模块展示子系统
点击子系统的时候，你需要把在登录时存储在cookie中的token获取到
在这里插入图片描述
在这里插入图片描述
这样主系统这边就完成了
3.在子系统的首页直接获取cookie中的token，通过后端给的登录接口传token参数，成功返回后重新在cookie中存储新的token
在这里插入图片描述
这样单点登录就完成了

需要注意，在子系统里一定要在created获取一下token，如果有就调用首次进入页面需要的数据，如果没有，就需要获取token
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

Logo
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}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue