路由的配置

简介: 路由的配置

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

相关文章
|
7天前
|
网络架构
路由器路由配置解析
路由器路由配置解析
10 0
|
2月前
|
网络协议 算法 网络架构
静态路由与默认路由配置
静态路由与默认路由配置
22 0
|
2月前
|
JavaScript 网络架构
路由的使用
路由的使用
13 0
|
9月前
|
算法 网络协议 网络架构
什么情况下适合使用静态路由?什么情况下适合使用动态路由?
什么情况下适合使用静态路由?什么情况下适合使用动态路由?
89 0
|
11月前
|
网络协议 定位技术 网络架构
静态路由与默认路由详解
静态路由与默认路由详解
161 0
|
网络协议 网络架构
路由与交换系列之简单的路由策略与默认路由汇总路由的运用
路由策略使用不同的匹配条件和匹配模式选择路由和改变路由属性。在特定的场景 中,路由策略的6种过滤器也能单独使用,实现路由过滤。
3657 1
路由与交换系列之简单的路由策略与默认路由汇总路由的运用
|
网络协议 网络架构
IP路由基础、路由器静态路由配置方法、自治系统、缺省路由的配置方法、路由选路规则、缺省路由、备份路由、等价路由、三种查询路由表命令
路由器特点,网络IP地址规划网络间的特性,基本路由思想,编辑静态路由部分,查询设备整个路由表,查看特定的路由协议时使用,查询目的地址2.2.2.2的路由条目,IP路由表代码写法,IP路由表里的信息,路由表来源,路由表的信息,路由表选路规则,缺点:缺省路由,备份路由,等价路由,做实验的步骤......
IP路由基础、路由器静态路由配置方法、自治系统、缺省路由的配置方法、路由选路规则、缺省路由、备份路由、等价路由、三种查询路由表命令
|
网络协议 网络架构
路由是什么
路由介绍: 什么是路由: 路由就是寻径
185 0
【laravle】在设置路由时注意点
【laravle】在设置路由时注意点
70 0
【laravle】在设置路由时注意点
|
网络架构 Go
路由
路由是什么 Angular的路由器能让用户从一个视图导航到另一个视图 实现什么样的功能 在地址栏输入URL,浏览器就会导航到相应的页面。 在页面中点击链接,浏览器就会导航到一个新页面。
1022 1