• Vue登录成功后跳转到之前的页面


    很多时候,项目有些页面需要用户进行登录才可以继续进行操作,,登录完之后就需要跳转到用户登录之前想去的那个页面,这个实现比较简单:
    使用axios进行http请求,进行拦截:

    axios.interceptors.response.use(
      res => {
      //对响应数据做些事
      if (res.data.code === -1) { // 这里根据自己接口返回状态进行判断是否需要登录
        router.push({
          path: '/login',
          query:{
            redirect: location.hostname // 防止从外部进来登录
          }
        })
      }
      return res.data;
      },
      error => {
        let errorInfo = error.data.error ? error.data.error.message : error.data;
        return Promise.reject(errorInfo);
      }
    );
    在登录成功后书写逻辑:

    let hostName = this.$route.query.redirect; // 获取域名
    if (hostName === this.$url()) { // 判断如果域名是你项目域名,说明是从本网站内部跳转过来的,
      this.$router.go(-1); // 登录成功后,返回上次进入的页面;
    } else {
      window.open(this.$url()+'/article/news','_self'); // 若不是网站内部跳转过来的,登陆成功后进入网站首页
    }

  • 相关阅读:
    091115 T UI生成的类
    090717 T OOD时的接口
    090713 T 数组不OO
    090723 T Code Generate 的思考
    091101 T IModel
    091018 CH 培训方法论总结
    090615 T 数据库范式
    写程序,逻辑优先!
    091117 T else if 的写法
    091015 CH 培训所想到的
  • 原文地址:https://www.cnblogs.com/liupengfei13346950447/p/10892174.html
Copyright © 2020-2023  润新知