vue路由拦截

最新推荐文章于 2024-10-12 13:59:49 发布

我有一粒花生米

最新推荐文章于 2024-10-12 13:59:49 发布

阅读量73

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_44286765/article/details/115481904

版权

```bash
在main .js文件中

router.beforeEach((to, from, next) => {
  if (to.path == '/login') {
    sessionStorage.removeItem('boxToken');
  }

  let boxToken = sessionStorage.getItem('boxToken')
  if (!boxToken && to.path != '/login') {
    next({ path: '/login' })
  } else {
    next()
  }
})

登录界面
判断是否登录成功呢 没有token 让去登录 

    handleSubmit2(ev) {
      var _this = this;
      this.$refs.ruleForm2.validate((valid) => {
        if (valid) {
          this.logining = true;
          var loginParams = {
            username: this.ruleForm2.account,
            pass: this.$md5(this.ruleForm2.checkPass),
          };
          postUserRequest(loginParams, "/loginBos").then((res) => {
             var data = res.data;
            this.logining = false;
            if (data.code == 200) {
              sessionStorage.setItem("boxToken", data.data.token);
              this.$router.push({ path: "/userlist" });
            } else {
              this.$message({
                message: data.message,
                type: "error",
              });
            }
          });
        } else {
          return false;
        }
      });
    },