Angular路由从某些路由重定向回基础路由，但刷新页面后会自动修复
创始人
2024-10-28 01:34:36
0次

这通常是由于在应用程序的路由配置中使用了相对路径而不是绝对路径所导致的。为了解决这个问题，请确保您在路由中使用的是绝对路径。

举个例子，如果您在路由器配置中使用了这样的路由：

const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'items', component: ItemsComponent },
  { path: 'items/:id', component: ItemDetailComponent },
  { path: '**', redirectTo: '/home' }
];

当您位于/items或/items/123路由时，如果您使用以下方式导航：

this.router.navigate(['../../home']);

这将会导致您的路由器重定向回到/home路径。为了解决这个问题，请改为使用绝对路径：

this.router.navigate(['/home']);

这样您就可以确保您的路由器使用正确的路径进行导航，而不再遇到重定向问题了。

上一篇：Angular路由出现ERROR TypeError: Cannot read property 'init' of undefined的错误。

下一篇：Angular路由错误 - TypeError: 无法分配给只读属性'_futureSnapshot'

相关内容

热门资讯

wepoke有辅助挂!wepo... wepoke有辅助挂!wepoke有软件吗(Wepoke辅助器)好像真的是有挂(详细ai机器人教程)...
wepoke辅助技巧!wopo... wepoke辅助技巧!wopoker辅助软件(Wepoke自建房)确实有挂(详细有辅助挂教程)1、玩...
红龙扑克辅助！红龙扑克有挂吗，... 红龙扑克辅助！红龙扑克有挂吗，（红龙扑克）一直是有挂（详细辅助教程）；最新版2024是一款经典耐玩的...
红龙扑克辅助！红龙扑克怎么看底... 红龙扑克辅助！红龙扑克怎么看底牌，（红龙扑克）确实存在有挂（详细辅助工具教程）；支持2-10人实时对...
红龙扑克辅助器！红龙扑克辅助器... 红龙扑克辅助器！红龙扑克辅助器，（红龙扑克）真是真的是有挂（详细辅助教程）是一款可以让一直输的玩家，...
wepoke辅助!wepoke... 1、wepoke辅助!wepoke软件透明挂存在吗(we-poke)果然真的有挂(详细ai辅助教程)...
微扑克辅助软件！微扑克辅助软件... 微扑克辅助软件！微扑克辅助软件查得出来吗，（微扑克）竟然是有挂（详细全自动机器人教程）；支持2-10...
德扑之星发牌！德扑手机上算胜率... 德扑之星发牌！德扑手机上算胜率的软件，德扑之星介绍其实是有挂（详细解析教程）1、让任何用户在无需AI...
红龙扑克辅助器！红龙扑克怎么看... 1、红龙扑克辅助器！红龙扑克怎么看底牌，（红龙扑克）切实是真的有挂（详细辅助器教程）；该软件可以轻松...
微扑克辅助挂！微扑克代打是真的... 微扑克辅助挂！微扑克代打是真的吗，（微扑克机制）切实存在有挂（详细德州专用辅助器教程）1、完成微扑克...