vue 未登录登录超时跳转到登录页

在router下面的index.js中添加

meta: {

requireauth: true, // 判断是否需要登录

用来判断需要是否登录, 在login也就不用添加了

import Vue from "vue";
import VueRouter from "vue-router";
import Router from "vue-router";const routes = [{path: "/about",name: "About",component: () =>import(/* webpackChunkName: "about" */ "../views/About.vue"),children: [{path: "/home",name: "home",meta: {requireauth: true, // 判断是否需要登录},component: () =>import(/* webpackChunkName: "home" */ "../views/home/Home.vue"),},}
]

在main.js中:

router.beforeEach((to, from, next) => {if (to.matched.some((record) => record.meta.requireauth)) {// 判断该路由是否需要登录权限// console.log("需要登录");if (document.cookie.split("token=")[1]) {// 判断当前的token是否存在 ； 登录存入的tokennext();} else {next({path: "/",query: { redirect: to.fullpath }, // 将跳转的路由path作为参数，登录成功后跳转到该路由});}} else {next();}
});

我这里是用token 判断cookie中token是否存在, 不存在的话就跳转到登录页

vue 未登录登录超时跳转到登录页相关推荐

Vue 如何实现登录后，跳转到登录之前要访问的页面
Vue 如何实现登录后,跳转到登录之前要访问的页面一.需求有些时候,需要实现这样的功能: 项目中的有些页面是可以直接访问的,不需要登录. 但这个页面中的一些链接一些路径则需要登录后才能查看,也就是 ...
您还没有登录或登录已超时，请重新登录
public static void ResponseScript(System.Web.UI.Page page) { page.RegisterStartupScript("messag ...
让未登录的用户跳转到登录页
开发使用的是SpringBoot和Shiro,然后遇到了这个问题,记录一哈. 1.处理ajax异步请求: 如果不想每个ajax都判断返回数据,然后进行未登录跳转的话,可以修改JQuery的默认设置(c ...
解决CentOS7（无限登录）登录后又跳转到登录页面的问题
问题:最近在Linux系统中部署完JavaEE开发环境后,重启系统后发现登录不上去了Linux系统了,输完密码回车后又跳转到登录页面原因:在/ect/profile 文件中添加的PATH方式有问题 ...
基于Vue的淘宝首页跳转商品搜索页的最佳实现方式总结（包括v-model组件间使用技巧总结）
今天在练习淘宝项目的时候,做到一个最为常见的功能,就是从主页搜索框搜索内容,点击搜索后能跳转到详细商品页面,同时用户也能在该页面重新搜索,不必返回主页面再搜,大致意思看下图.其实这个功能很多都有,比如 ...
Vue 用户30分钟未操作，页面跳转到登录页
<template><div id="app"><router-view/></div> </template> < ...
登录成功后跳回到原来页面
应用场景:一般网页游客和登录用户看到的内容是有区别的,如果一个未登录的用户在看到登录提示后跳转到登录界面登录,那么登录成功后怎么返回到该页面呢? 写这篇博客是因为我自己把解决问题的方向想偏了,本来实现 ...
uni-app开发的APP，启动时通过登录状态判断跳转到哪个页面
实际场景:用户打开APP时,如果他没登录,则跳转到登录页,如果已经登录,则跳转到首页. 在项目的manifest.json中配置启动界面,通过手动去关闭启动页(页面跳转好了以后在关闭启动页,无论pag ...
php未登录跳到登陆页面,vue实现未登录跳转到登录页面的方法
环境:vue 2.9.3; webpack;vue-router 目的:实现未登录跳转例子:直接在url地址栏输入...../home,但是这个页面要求需要登陆之后才能进入,判断的值就通过登陆之后给 ...

vue 未登录登录超时跳转到登录页

在main.js中:

vue 未登录登录超时跳转到登录页相关推荐

最新文章

热门文章

vue 未登录 登录超时跳转到登录页

在main.js中:

vue 未登录 登录超时跳转到登录页相关推荐

最新文章

热门文章

vue 未登录登录超时跳转到登录页

vue 未登录登录超时跳转到登录页相关推荐