路由的配置

简介: 路由的配置

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

相关文章
|
5月前
|
网络协议 安全 网络架构
|
4月前
|
负载均衡 Java 数据安全/隐私保护
网关路由-路由属性
网关路由-路由属性
67 1
|
7月前
|
网络协议 算法 网络架构
静态路由与默认路由配置
静态路由与默认路由配置
97 0
|
7月前
|
JavaScript 网络架构
路由的使用
路由的使用
25 0
|
网络协议 定位技术 网络架构
静态路由与默认路由详解
静态路由与默认路由详解
315 0
|
网络协议 网络架构
路由与交换系列之简单的路由策略与默认路由汇总路由的运用
路由策略使用不同的匹配条件和匹配模式选择路由和改变路由属性。在特定的场景 中,路由策略的6种过滤器也能单独使用,实现路由过滤。
3691 1
路由与交换系列之简单的路由策略与默认路由汇总路由的运用
|
网络协议 网络架构
路由是什么
路由介绍: 什么是路由: 路由就是寻径
227 0
【laravle】在设置路由时注意点
【laravle】在设置路由时注意点
85 0
【laravle】在设置路由时注意点
|
NoSQL Redis Nacos
快速实现一个网关+动态路由(下)
快速实现一个网关+动态路由
323 0
快速实现一个网关+动态路由(下)
|
JSON Java API
快速实现一个网关+动态路由(上)
快速实现一个网关+动态路由
306 0
快速实现一个网关+动态路由(上)

热门文章

最新文章