Vue/Vue-Router在登录后跳转到原先页面（简单代码）

需求

在项目开发中，我们在某个页面进行操作可能要先进行登录，那么如何在登录后跳转回我们登录前的页面呢？使用Vue-Router可以轻松完成这个需求。

实现方法

在原页面中，在跳转到登录前把原页面路径传给login：

//跳转到login路由，并把目标路由的url路径保存在login的query中
 router.replace({
      name:"login",
      query: {
      	redirect: router.currentRoute.fullPath // router对象自带的属性
      }
})

在登录页登录成功后，使用传过来的参数redirect，即原页面路径：

// 取到原页面路径
 let url = this.$route.query.redirect;
 // 跳转回原页面
 this.$router.push({ 
 	path: decodeURIComponent(url)
  });