1、在router中设置路由导航跳转函数,在index.js文件中写这句话:
1.1 只要发生跳转, 就会调用这个函数:
1.2 导航的声明函数
2、访问系统访问控制系统如何形成
3、来一个导航守卫的案例:看看导航守卫的案例,写一个Main.Vue 和login .Vue,这里设置login.vue,Main.vue两个组件
4、后台主页----Main提示,点击之后
5、如果想要展示后台主页,就用这种方法,router配置规则:
6、想实现路由跳转,先导入包,再匹配规则,添加后台主页的链接
7、怎么制造密码登录不上,就切换到不同页面,登录页面登录成功与登录不成功的流程构思,流程思路
8、to是什么当前将要访问的路径
9、去读token 值,然后去判断是不是token 的值
10、如果token有值,直接放行,没有token 值返回登录后台主页
11、下面是这个案例的演示效果,我点了一下,就能够来到登录主页了
12、来到login页面了
13、这就是路由访问路由的控制
14、演示实例,点击退出登录页面就能够退出登录了
’15、router .Vuejs org是路由的访问的地址
16、 现在做一个案例
17、npm i vue-router@3.5.2 -S