前端未登陆时重定向至登陆页，用户登陆后跳转路径参数异常

1.比如用户访问此页面地址，未登录将重定向至登录页
![页面路径](https://images.gitee.com/uploads/images/2022/0312/091558_012f031d_2187354.png "屏幕截图.png")
但用户登陆后路径变更为：
![重新登陆后地址](https://images.gitee.com/uploads/images/2022/0312/091935_1d0debde_2187354.png "屏幕截图.png")
经查直接将原地址拼成了next(`/login?redirect=${to.fullPath}`)  ，如果全路径地址为多个查询对象，则路径异常，
![输入图片说明](https://images.gitee.com/uploads/images/2022/0312/092034_1102688f_2187354.png "屏幕截图.png")
这里只截取redirect参数 导致原地址错误
![登录页代码](https://images.gitee.com/uploads/images/2022/0312/092410_d71c8635_2187354.png "屏幕截图.png")
 **更正方案：** 
![输入图片说明](https://images.gitee.com/uploads/images/2022/0312/095539_ba5a7d3e_2187354.png "屏幕截图.png")
```
 **permission.js：** 
 next({ path: '/login' ,query:{re_path:to.path,...to.query}}) // 否则全部重定向到登录页
 **login.vue：** 
    $route: {
      handler: function(route) {
        let re_path= route.query && route.query.re_path;
        if (re_path) {
          let param = JSON.parse(JSON.stringify(route.query));
          delete param.re_path;
          re_path = `${re_path}?${tansParams(param)}`;
        }
        this.redirect = re_path;
      },
      immediate: true
    }
```

2. 现页面菜单路径为路由地址为：上级目录路由地址/本路由地址，如果业务需要从修改页面点击保存，退回列表地址，代码中使用，指定地址，如果业务需要调整页面所在目录，则会跳转404页面
```
// 返回按钮
    handleClose() {
      const obj = { path: "/system/role" };
      this.$tab.closeOpenPage(obj);
    },
```
 **能否改为此方案，使用提升灵活度** 
```
// 关闭页签回到左侧临近已打开页面
// 关闭页签回到上一个菜单
Vue.prototype.$closePage = function() {
  this.$store.dispatch("tagsView/delView", this.$route);
  this.$router.push(this.$store.state.tagsView.visitedViews[this.$store.state.tagsView.visitedViews.length-1].path)
}
```

若依/RuoYi-Vue

Content Risk Flag

Comments (3)

若依/RuoYi-Vue .gitee-modal { width: 500px !important; }

Content Risk Flag