我想在我的angular应用程序中用其他东西(比如/web)替换/app route。例如-我有以下URL,目前可以使用-
www.example.com/app/dashboard
我想用/web替换/app。所以如果下次我点击-〉
www.example.com/web/dashboard-〉/web自动替换为/app,常规流程继续
而且,它也应该发生在应用程序中的所有其他URL端点上。
www.example.com/web/myprofileautomatically changes to
www.example.com/app/myprofile
www.example.com/web/cricketmatchautomatically changes to
www.example.com/app/cricketmatch
www.example.com/web/johnwickautomatically changes to
www.example.com/app/johnwick
它在内部处理这样的路由替换。另外,当前/app URL也应该按原样工作。所以基本上,这两种情况都应该工作www.example.com/app/johnwick
和www.example.com/web/johnwick
打开相同的页面,只是当我点击/web时,它会变成/app
对上述要求有何提示?
2条答案
按热度按时间wbgh16ku1#
在路由器中:
bsxbgnwa2#
要在Angular应用中将/app route替换为/web,您可以按照以下步骤操作:
1.打开app-routing.module.ts文件,并在DashboardComponent路由的路由路径中将app替换为web。例如:
1.添加从/web重定向到/app的重定向路由。您可以通过将以下路由配置添加到app-routing.module.ts文件来执行此操作:
redirectTo属性将重定向从/web重定向到/app,而pathMatch属性指定重定向应匹配URL的完整路径。请注意,您应在catch-all路由({ path:'**',redirectTo:'/app' }),使得重定向路由在捕获所有路由之前匹配。
1.在DashboardComponent中,您可以使用ActivatedRoute服务获取当前路由并从URL中提取参数。例如:
通过这些更改,当您导航到www.example.com/web/dashboard时,您将被重定向到www.example.com/app/dashboard,并且DashboardComponent将从URL加载相应的参数。
希望这对快乐编码有帮助...