我是一名 Angular 新手，正在构建一个简单的寻呼机。我设置了路由器，以便空 URL 重定向到仪表板组件。因此localhost:4200会自动路由到localhost:4200/dashboard完美的。
但是，如果我单击刷新按钮，它会将另一个仪表板附加到 URL，奇怪的是，页面实际上加载得很好。localhost:4200/dashboard/dashboard
如果我再次点击刷新，它会在网址中添加另一个仪表板，但现在它不会加载
localhost:4200/dashboard/dashboard/dashboard
问题是，为什么它会在每次页面刷新时不断将“/dashboard”添加到我的网址中？
这是routing.module.ts
import { Routes, RouterModule } from '@angular/router';
import { DashboardComponent } from '../_feature/iacuc/dashboard.component';
const appRoutes: Routes = [
{ path: '', redirectTo: 'dashboard', pathMatch: 'prefix' },
{ path: 'dashboard', component: DashboardComponent }
// otherwise redirect to home
{ path: '**', redirectTo: '' }
];
export const Routing = RouterModule.forRoot(appRoutes);
这是我的index.html
<!DOCTYPE html>
<html>
<head>
<base href="/" >
<title>Angular 2 JWT Authentication Example</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- bootstrap css -->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<!-- application css -->
<link href="app.css" rel="stylesheet" />
<!-- polyfill(s) for older browsers -->
<script src="node_modules/core-js/client/shim.min.js"></script>
<script src="node_modules/zone.js/dist/zone.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="systemjs.config.js"></script>
<script>
System.import('app').catch(function (err) { console.error(err); });
</script>
</head>
<body>
<app>Loading...</app>
</body>
</html>
其余代码是您在介绍性示例中看到的样板代码，但如果有帮助，我可以显示更多代码。
Thanks.
