VUE实现登录然后跳转到原来的页面

可以在路由里面设置需要登录的界面,判断下没有登录就跳转到登录界面,登录了就不用登录,这里用的是一个存储的

router.beforeEach((to, from, next) => {
if(to.matched.some( m => m.meta.auth)){
if(sessionStorage.getItem(‘isLogin‘)){
next()
}else{
next({path:‘/login‘,query:{url: to.fullPath} })
}
}else{
next();
}
})

这里是判断是否登录

this.$router.push(this.$router.currentRoute.query.url)这里的代码可以直接跳转到需要登录的界面

原文地址:https://www.cnblogs.com/liubu/p/9212232.html

时间: 2024-08-28 02:21:33

VUE实现登录然后跳转到原来的页面的相关文章

vue实现登录后跳转到之前的页面

在开发中我们经常遇到这样的需求,需要用户直接点击一个链接进入到一个页面,用户点击后链接后会触发401拦截返回登录界面,登录后又跳转到链接的页面而不是首页,这种问题该如何去做呢? 先说一下我们需要用到的几个API: 1.router.currentRoute:当前的路由信息对象,我们可以通过router.currentRoute.fullPath获得解析后的 URL,包含查询参数和 hash 的完整路径,如果要访问的页面的路由有命名(name)的话,可以通过router.currentRoute.

解决 VUE 微信登录验证 【感谢原文:https://segmentfault.com/a/1190000009493199】

[感谢原文:https://segmentfault.com/a/1190000009493199] SPA单页应用中微信授权登录的一点思路 单页应用应该如何解决微信授权登录的尴尬跳转?后退无法返回?主要遇到的问题就是 先进入单页应用,一边渲染页面一边判断用户有没有登录,当判断到没有登录时异步数据请求已经发送出去了,然后要跳转到微信授权页面,这样就浪费了一次网络请求且用户可能要去点击这个数据了结果...跳走了!在授权成功后用户点击后退再次进行授权有没有???本文主要讲述 对于单页应用应该在哪个阶

怎么实现登录之后跳转到登录之前的页面?SpringMVC+Freemarker

项目中,想实现一个功能. 直接访问某个需要登录的url,比如/addArticle,可能会跳转到登录页面login.html. 登录成功之后,自动跳转到/addArticle这个登录前的页面,继续登录之前的操作. 思路很简单: 登录拦截器,获得backurl,    String backUrl=request.getRequestURI(); //返回到原来的页面,而不是系统配置的首页,更友好 response.sendRedirect(loginUrl + "?backurl="

登录后跳转回当前页

<?php // 登录后跳转回当前页 Mage::getSingleton('customer/session')->setBeforeAuthUrl(Mage::helper('core/url')->getCurrentUrl()); ?> <div>参加团购需要首先登录哦.点击 <a href="/customer/account/login/" class="light-blue">马上登录</a>

WordPress设置退出登录后跳转到指定页面

做网站大家都很重视用户体验,今天给大家大家带来一个WordPress改善用户体验的方法,用户退出登录直接跳转到首页或者让它跳转到我指定的位置,下面是具体的操作方法: 1.找到您目前在用的主题文件,鼎峰网络阿D这里的是wp-content/themes/twentyfourteen/,其中themes是主题文件夹,鼎峰网络阿D之前的wordpress文件结构也有提到,twentyfourteen是目前启用的主题,找到functions.php文件: 2.在functions.php文件中添加以下代

如何将已登录但未授权用户的访问跳转到UnauthorizedAccess.aspx页面

在开发web应用程序时,我们需要把已登录但未授权用户的访问跳转到UnauthorizedAccess.aspx页面,否则已登录用户访问未授权的页面时会再次跳转到登录页面,“我不是已经登录了吗?怎么还要登录,到底怎么回事?”用户会觉得莫名其妙.为了解决这个问题,就需要将已登录但未授权用户的访问跳转到UnauthorizedAccess.aspx页面,向用户给出明确的提示:“您无权访问该页面!”这样用户就不会迷惑了. 实现步骤:? 1.制做UnauthorizedAccess.aspx页面:? 2.

解决vue单页路由跳转后scrollTop的问题

作为vue的初级使用者,在开发过程中遇到的坑太多了.在看页面的时候发现了页面滚动的问题,当一个页面滚动了,点击页面上的路由调到下一个页面时,跳转后的页面也是滚动的,滚动条并不是在页面的顶部 在我们写路由的时候做个处理,如下: import Vue from 'vue' import Router from 'vue-router' Vue.use(Router); Vue.use(Router) export default new Router({ routes: [ { path: '/',

C# 实现登录并跳转界面

原文:C# 实现登录并跳转界面 Program.cs文件添加如下内容 注意:其他模块代码中不要直接关闭整个程序集的动作.如 Environment.Exit(1) 或  Environment.Exit(1) Application.EnableVisualStyles(); Application.SetCompatibleTextRenderingDefault(false); //Application.Run(new Login()); Login login = new Login()

ASP.NET MVC Session 过期验证跳转至登入页面

一.在要检查登入的控制器上继承 CheckLoginController 类 2. CheckLoginController 类的写法 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace TaskManagement.Controllers { public class CheckLoginController :