Vue 判断是否登录 未登录跳转到登录页

网页一进入判断是否登录，未登录跳转到登录页面

router.js

export default new Router({routes: [{path: '/',name: 'HelloWorld',component: HelloWorld,meta: {title: '首页',requireAuth: true // 是否需要判断是否登录,这里是需要判断}},{path: '/login',name: 'login',component: login,meta: {title: 'login',requireAuth: '' // 不需要鉴权}}]})

main.js

router.beforeEach((to, from, next) => {if (to.meta.title) {document.title = to.meta.title}const requireAuth = to.meta.requireAuth// 判断该路由是否需要登录权限if (requireAuth) {if (window.sessionStorage.getItem('login')) {next()} else {next('/login')}} else {next() // 确保一定要有next()被调用}})

main.js 使用 饿了么Message

import{Message}from'element-ui';

Vue.prototype.$message=Message;

Message({message: "用户未登录",type: 'waring'}),setTimeout(() => {next('/Login')}, 2000);