VUE路由守卫

序:通过路由守卫可以对每次刷新或者进入的路由界面进行权限验证,相当于VUE中的全局中间件。
1.全局守卫:router.beforeEach注册一个全局前置守卫。参考文档:https://router.vuejs.org/zh/guide/advanced/navigation-guards.html

注册 登录 主面板
router.js Login.vue DashBoard.vue

首先是DashBoard.vue的内容:

<template>
    <div>
        <h3>主面板h3>
        <div id="nav">
            <router-link to="/dashboard/home">首页router-link>
            <router-link to="/dashboard/about">关于我们router-link>
            <router-link to="/dashboard/mine">我的router-link>
        div>
        
        <router-view>router-view>
    div>
template>

然后是,Login.vue的内容:

<template>
    <div>
        <h2>登录界面h2>
        <button @click=

你可能感兴趣的:(VUE,vue)