一般的我们再路由配置中是要配置主页的路由的,
![](https://img.haomeiwen.com/i10684261/7bbeb7bfe58b6f30.png)
![](https://img.haomeiwen.com/i10684261/c33476b20e52f78d.png)
但是当我们启动项目时,路径是这样子的,我们不能直接显示主页,那么我们就需要路由的重定向功能,直接路由到主页上。
重定向路由的定义:在用户访问一个特定的地址时,将其重定向到另一个指定的地点
![](https://img.haomeiwen.com/i10684261/2e91ed0f1065adb3.png)
在主页路由上增加一个路由配置,pathmatch中的“full”,代表的是当path中是空时,redirectTo会转向主页的路径上。
![](https://img.haomeiwen.com/i10684261/b2b9d9612d0487ac.png)
![](https://img.haomeiwen.com/i10684261/799cd3a0d25829d3.png)
最终效果
网页选择localhost:4200/地址时,自动路由到主页上
![](https://img.haomeiwen.com/i10684261/e485a8af998eba67.png)
![](https://img.haomeiwen.com/i10684261/fbfc245c3b8b63ef.png)
一般的我们再路由配置中是要配置主页的路由的,
但是当我们启动项目时,路径是这样子的,我们不能直接显示主页,那么我们就需要路由的重定向功能,直接路由到主页上。
重定向路由的定义:在用户访问一个特定的地址时,将其重定向到另一个指定的地点
在主页路由上增加一个路由配置,pathmatch中的“full”,代表的是当path中是空时,redirectTo会转向主页的路径上。
最终效果
网页选择localhost:4200/地址时,自动路由到主页上
本文标题:angular---路由之重定向路由
本文链接:https://www.haomeiwen.com/subject/fimwtftx.html
网友评论