vue 若依系统单点登录

jie_ge_a

已于 2022-07-18 17:07:16 修改

阅读量3.7k

点赞数 1

分类专栏： vue 文章标签： vue.js javascript 前端

于 2022-07-18 14:54:51 首次发布

本文链接：https://blog.csdn.net/jie_ge_a/article/details/125847618

版权

vue 若依系统单点登录

实现思路：

第三方跳转到我们系统直接请求我们系统的登录页面，挂着code参数
根据code判断登录方式，如果有code的话就直接调用后端的登录接口把code传递给后端，登录成功后就直接跳转到首页登录失败就返回登录页（或者错误页面）
如果没有code就直接走正常的登录流程，使用若依系统的登录也好或者跳转到第三方登录也好这个看需求

实现代码

1.在login.vue页面中的created方法中调用单点登录的方法。

  created() {
   
      this.getLoginByNameAndTokenJ();
  },

2.在methods中写函数的实现

/**
     * 只传递code
     */
    getLoginByNameAndTokenJ(){
   
      //获取地址栏中的code
      var code= this.$route.query.code;
 
      //调用登录的接口
      if(code==''||code==undefined||code==null){
   
        //不是那边系统过来的，不走这个地方（阻止created的方法继续向下走）
        this.$loading({
   
            lock: true,