ruoyi系统saas单点登录架构方案

VUE文件： 

/src/modules/reception/view/thirdlogin.vue

<template>
 
</template>

<script>
import { getToken, setToken, removeToken,checkToken } from '~/commonPublic/utils/auth'
import Cookies from 'js-cookie'
//saas第三方登录的入口界面
//http://localhost:81/thirdlogin?token=Bearer%2011754621235c446dbbcdfc35f84cedd3
//http://localhost:88/thirdlogin?token=Bearer%2011754621235c446dbbcdfc35f84cedd3
export default {
  name: "Login",
  data() {
    return {
      codeUrl: ""
	  }
  },
  created() {
    this.setTokenCookie();
	//alert(2);
	//alert(this.$route.query.token);
  },
  methods: {
    setTokenCookie() {
		//设置后端传来的token
		let token=this.$route.query.token;
		let index=token.indexOf("Bearer ");
		if (index == -1) { // 未找到
		
		}else{
		token=token.substring(index+7).trim();
		}
		
		//通过接收我们系统的token,去调用第三方系统API获取第三方系统的thirdtoken，
		let thirdtoken=token;
		//Cookies.set('tenantId',1);
		checkToken(thirdtoken).then(res => {
		  res = res.data;
		  console.log("============获取主系统的租户ID=========="+res.tenantId)
		  console.log("============获取主系统的用户名=========="+res.username)
		  
		  //如果后端是共享redis的化，则直接set Cookies
		  Cookies.set('tenantId',res.tenantId);
		  //如果是第三方系统，有自己独立的用户权限体系。
		  //1、注册时，同步俩个系统的用户表；
		  //2、主系统的用户名==第三方系统的用户名，则
		  let third_username="user01";
		  if(res.username==third_username){
			  Cookies.set('tenantId',res.tenantId);
		  }
		});

		//alert(thirdtoken);
		//设置第三方系统的登录状态
		setToken(thirdtoken);
		//跳转首页
		this.$router.push('/')
    },
   
  }
};
</script>

 /src/commonPublic/utils/auth.js

import Cookies from 'js-cookie'
import request from '~/commonPublic/request'
const TokenKey = 'User-Token'

const ExpiresInKey = 'User-Expires-In'


//校验token接口
export function checkToken(token) {
    return request({
        url: '/admin-api/system/user-session/checkAuthorization?Authorization=' + token,
        method: 'get'
    })
}

export function getToken() {
  return Cookies.get(TokenKey)
}

export function setToken(token) {
  return Cookies.set(TokenKey, token)
}

export function removeToken() {
  return Cookies.remove(TokenKey)
}

export function getExpiresIn() {
  return Cookies.get(ExpiresInKey) || -1
}

export function setExpiresIn(time) {
  return Cookies.set(ExpiresInKey, time)
}

export function removeExpiresIn() {
  return Cookies.remove(ExpiresInKey)
}

export function hasLogin() {
  return Cookies.get(TokenKey) !== undefined &&
      Cookies.get(TokenKey) != null &&
      Cookies.get(TokenKey) !== ''
}

 /src/modules/reception/permission.js

import router from './router'
import store from '~/commonPublic/store'
import { Message, MessageBox } from 'element-ui'
import NProgress from 'accessible-nprogress'
import 'accessible-nprogress/dist/accessible-nprogress.min.css'
import { getToken,setToken } from '~/commonPublic/utils/auth'

NProgress.configure({ showSpinner: false })

const whiteList = ['/login','/thirdlogin', '/auth-redirect', '/bind', '/register', '/', '/index',
    '/recommendGoods', '/recommendBrand', '/aboutUs', '/ourServices', '/goodsClassify', '/goodsDetail',
    '/aboutUsHan', '/solution', '/solution/expertResources', '/solution/centralWarehouse', '/solution/supplyChain', '/ourServicesHan',
    '/conRegister','/productDetails'
]
window.document.title = '测试'
router.beforeEach((to, from, next) => {
    NProgress.start()
	console.log(getToken())
	let newToken=to.query.token;
	console.log(newToken)
	
    if (getToken()) {
        /* has token*/
        if (to.path === '/login') {
            next({ path: '/' })
            NProgress.done()
        } else {
            if (store.getters.roles.length === 0) {
				let index=newToken.indexOf("Bearer ");
				if (index == -1) { // 未找到
				
				}else{
				newToken=newToken.substring(index+7).trim();
				}
				setToken(newToken);
				
                // 判断当前用户是否已拉取完user_info信息
                store.dispatch('GetInfo').then(() => {
                    // store.dispatch('GenerateRoutes').then(accessRoutes => {
                    //   // 根据roles权限生成可访问的路由表
                    //   router.addRoutes(accessRoutes) // 动态添加可访问路由表
                    //   next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
                    // })
					console.log("===========OK=======================")				
                    //next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
					next()
                }).catch(err => {
					
                    //if (err === '1001') {
						console.log("===========fail======================="+err)		
                        MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {
                                confirmButtonText: '重新登录',
                                cancelButtonText: '取消',
                                type: 'warning'
                            }
                        ).then(() => {
							//清空token
							setToken("");
							location.href = '/index';
                            //this.$store.dispatch('LogOut').then(() => {
                            //    location.href = '/index';
                            //})
                        }, () => {

                        })
                    //} else {
					//	console.log("===========fail======================="+err)		
                    //    store.dispatch('LogOut').then(() => {
                    //        Message.error(err)
                    //        next({ path: '/' })
                    //    })
                    //}
                })
            } else {
                next()
            }
        }
    } else {
        // 没有token
        if (whiteList.indexOf(to.path) !== -1) {
            // 在免登录白名单，直接进入
            next()
        } else {
            next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
            NProgress.done()
        }
    }
})

router.afterEach(() => {
    NProgress.done()
})