在angular 4中添加带有urls的应用

Question

我有一个用angular 4开发的应用程序，具有简单的url结构，如localhost:4200/chat用于聊天页面，现在我想在url中添加' app‘，如localhost:4200/app/chat。

我想改变的网址只有一些页面，但不是整个应用程序。

我尝试了它的应用程序路由文件和菜单项的文件，但它不工作，它停止工作。

有没有办法做到这一点？

Answer 1

在app.module.ts中，确保您的导入列出了RouterModule.forRoot(路由)，然后在routes.ts中

export const routes: Routes = [
 { 
   path: '/app',
   component: 'AppComponent'
 },
 { 
   path: '',
   redirectTo: '/app',
   pathMatch: 'full'
 }
];

有关更多信息，请阅读Angular Router文档。