单点登录:描述:从后台管理系统跳转到前台系统

发布时间:2024年01月02日

1.后台代码:传递

把前台需要的登录信息 拿过去(比如token,refreshToken 看前台需要啥,就传啥)

?
 //预览
        goSee(row) {
            console.log(this.userInfo)
            let userInfos = this.userInfo.account;
            let account = {
                account: userInfos.user.account,
                avatarId: userInfos.user.id,
                expiration: userInfos.expireTime,
                name: userInfos.user.name,
                refreshToken: userInfos.refreshToken,
                token: userInfos.token,
                tokenType: "token",
                userId: userInfos.user.id,
            }
            // return
            let href = 'http://devops.smartcloud.com:10082/ztf-zixun/new-train-student-frontend/test/#/allCourseDetailLogin?courseId='
                + row.courseId + '&userInfo=' + JSON.stringify(account);
            window.open(href)
        },

?

2.前台代码:接收

在这个项目里,前台就是需要登录信息。并且登录信息是存储在localStorage中userInfo里面的

computed: {
    courseVideoId() {
      return store.state.courseVideoId;
    },

    userInfo() {
      let userInfo = (localStorage.getItem("userInfo") ? JSON.parse(localStorage.getItem("userInfo")) : '') || (this.$route.query && (this.$route.query.userInfo ? JSON.parse(this.$route.query.userInfo) : ''))
      console.log(userInfo, 'userInfo')

      if (userInfo) {
        localStorage.setItem('userInfo', JSON.stringify(userInfo));
      } else {
        userInfo = ''
      }
      
      return userInfo
    }

  },

文章来源:https://blog.csdn.net/weixin_43204464/article/details/135341087
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。