vue 上次登录时间_Vue设置长时间未操作登录自动到期返回登录页

Vue设置长时间未操作登录以后自动到期返回登录页

首先我们写在main.js文件中

import routerUtil from "@/utils/routerutil";//先将js文件在main.js中引入

routerUtil(router);

我们会在登陆成功后调用sessionUtil文件中的setSession，sessionUtil下面写的有

import sessionUtil from '@/utils/sessionutil'

sessionUtil.setSession("userInfo", '2');

在routerutil.js文件中

import sessionUtil from "./sessionutil";

const whiteList = ["/",'/logins']; // 路由白名单，不需要校验

export default router => {

router.beforeEach(async (to, from, next) => {/*在跳转之前执行*/

const userInfo = sessionUtil.getSession("userInfo");//触发sessionUtil中的getSession方法

if ( userInfo ) {

} else {

if (whiteList.indexOf(to.path) !== -1) {

next();

} else {

Message({<