vue通过链接跳过登录直接到达某个页面

要求

提供一个链接点击 跳过该系统的登录 直接显示某个页面甚至直接显示某个页面的某个弹框

思路

通过在链接里分别加参数 通过路由识别 自动调用方法 一层一层自动跳转

实现

例：http://111.11.111.11:11/#/login?flag=false&cpns=xfxs&checkFlag=1（前面是生产环境的链接）

在login页面通过this.$route.query来获取路由里的参数 直接在created（）里面获取到this.$route.query.flag 判定为false则免登陆 即直接调用登录方法 传参的时候直接写上用户名和密码 登录成功再根据其他参数 进入新的页面

1.  
   created(){
2.  
   if(this.$route.query.flag=='false'){
3.  
   httpRequest({
4.  
   url: '/api/login',
5.  
   params: qs.stringify({
6.  
   username:'aaaaa',
7.  
   password:'111111',//具体是否还需要其他根据实际情况而定
8.  
   }),
9.  
   success: () => {
10.  
    switch(this.$route.query.cpns){
11.  
    case 'xfxs':
12.  
    jumpWebPopup('/leadershipBoard', {flag:false,cpns:'xfxs',checkFlag:Number(this.$route.query.checkFlag)}, this)
13.  
    break;
14.  
    case'homeLeader':
15.  
    jumpWebPopup('/home/homeLeader', {flag:false}, this)
16.  
    break;
17.  
    }
18.  
    },
19.  
    });
20.  
    }
21.  
    },

重点是这个神奇的jumpWebPopup方法，可以将其封装在common.js里面 使用时调用

1.  
   export function jumpWebPopup(url, queryParams, that) {
2.  
   let routerUrl = that.$router.resolve({
3.  
   path: url,
4.  
   query: queryParams,
5.  
   });
6.  
   let height = window.screen.height - 90;
7.  
   let width = window.screen.width - 10;
8.  
   let childWin = window.open(
9.  
   routerUrl.href,
10.  
    queryParams.self ? queryParams.self : '_blank',
11.  
    'top=0, left=0, height=' height ', width=' width
12.  
    );
13.  
    }

然后queryParams里面的会成为新页面的路由 接着自动调用方法 即可

目前没有想到更好的方法了 暂时先这样