vue 从其他项目跳转到我的项目

需求:从其他入口跳转到我的项目,跳转时会在url里面携带token,判断如果有token就直接跳转到首页,没有的话才会走登录页面。

实现思路:
在login页面前面加一个空白页sso.vue,路由里面添加空白页sso的路由,在sso页面mounted函数获取上个页面url中的token,如果获取到了,存到sessionStorage并跳转首页,如果没有就跳转login页面

sso.vue

<template>
  <div class="sso">
    <h2>正在跳转...</h2>
  </div>
</template>

<script>
export default {
  mounted() {
    let token = this.$route.query.token 

    if(token ) {
      window.sessionStorage.setItem("token ", token);
      this.$router.push('/index') // 有token直接跳转首页
    }else{
      this.$message({
          message: '没有权限,正在跳转登录页面...',
          center: true
        });
        setTimeout(function(){
          this.$router.push('/login')
        },1000)
    }
  }
}
</script>

<style>
.sso {
  width: 100px;
  height: 100px;
}
</style>

router.js添加sso

const routes = [
  {
    path: '/sso',
    name: '/sso',
    component: () => import('@/views/sso/index.vue'),
  },// 将sso页面添加到所有页面前面,下面的路由按自己项目添加
  {
    path: '/',
    redirect: '/login'
  },
   {
    path: '/login',
    name: 'login',
    component: () => import('@/views/login/login.vue'),
  }]
  • 1
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值