Angular 8：动态路由仅在使用 RouterLink 时才有效？

Question

我在使用 Angular 动态路由时遇到了一件奇怪的事情。 动态路由仅在被RouterLink调用RouterLink 。 但是每当我尝试通过直接在浏览器中输入 URL 来访问路由时，应用程序就会崩溃。

（开发控制台日志Failed to load resource: the server responded with a status of 404 (Not Found)每个所需脚本文件Failed to load resource: the server responded with a status of 404 (Not Found) ）

是否有我遗漏的东西，或者动态路由仅在被RouterLink调用时才起作用的特定原因？

对于任何感兴趣的人，这里有一些代码：

const appRoutes: Routes = [
   { path: "user", component: UserComponent },
   { path: "user/:userID", component: UserDetailComponent }
];

HTML

<ul class="list-unstyled">
   <li *ngFor="let user of users">
      <a [routerLink]="['/user', user]">{{ user }}</a>
   </li>
</ul>

如果这是一个愚蠢的问题，真的很抱歉，但我已经为此苦苦挣扎了好几天了。 谢谢！

Answer 1

使用HashLocationStrategy 。 通过用RouterModule.forRoot(routes, {useHash: true})替换RouterModule.forRoot(routes) RouterModule.forRoot(routes, {useHash: true}) 。

有关更多详细信息，请参阅： https : //codecraft.tv/courses/angular/routing/routing-strategies/ 。