网页一进入判断是否登录,未登录跳转到登录页面
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);