当从应用程序中请求URL时,带参数的角度路由不起作用

时间:2017-12-13 14:50:24

标签: angular url-routing angular-routing

我在使用Angular路由时遇到问题,如果从应用程序中请求带有参数的URL,应用程序就会失败。

http://localhost:4200/clients 如果您从应用程序导航到该应用程序或仅在地址栏中输入该路线,则此路线有效。

http://localhost:4200/clients/20 如果您从应用程序导航到此路线,则此路线有效;如果在地址栏中输入,则 NOT 正常工作。

注意:在控制台中,它从二级路由(http://localhost:4200/clients/assets/vendor/jquery/jquery.js而不是http://localhost:4200/assets/vendor/jquery/jquery.js)请求css和javascript文件。

任何帮助?

1 个答案:

答案 0 :(得分:0)

通过在路由中使用哈希来完成修复。

在app.module.ts

RouterModule.forRoot(
      [
        { path: 'Home', component: HomeComponent },
        { path: 'ImportOperations', component: ImportOperationComponent },
        { path: 'ImportData/:Id', component: ImportRawDataComponent },
        { path: 'rules/:Id', component: RulesComponent },
        { path: 'newrule', component: RulesComponent },
        { path: 'rules', component: RulesListComponent },
        { path: 'search', component: SearchComponent },        
        { path: 'editresult/:Id', component: EditSearchComponent }
      ]
      ,{useHash: true}),