asp.net - Angular 5路由默认页面不正确

Question

我真的需要 Angular 专家的帮助。这是关于 Angular 路由的。我想知道 Angular 是否在某处缓存了路由状态以及如何清理它。我遇到的问题是我以前有一个连接页面，但现在我要在前面添加一个启动页面。我的路由器是这样的:

export const ROUTES: Routes = [
    { path: '', redirectTo: 'home', pathMatch: 'full'},
    { path: 'home', component: SplashComponent },
    { path: 'connect', component: ConnectComponent },
    ...
];

但是，在加载应用程序时，它总是首先显示连接页面。这太奇怪了。我打开了路由器的痕迹，那里没有什么特别的。路由器日志就像访问'/'。我什至设置选项 { initialNavigation: false } 来延迟路由器。我试过的所有措施都不起作用。它仍然在所有内容之前显示连接页面，甚至在 app.component.html 之前。唯一的特例是我在 ASP.NET 上。因此，boot.browser.ts 看起来像这样:

import 'reflect-metadata';
import 'core-js/client/shim.min.js';
import 'mutationobserver-shim/dist/mutationobserver.min.js';
import '@webcomponents/custom-elements/custom-elements.min.js';
import '@clr/icons/clr-icons.min.js';
import 'web-animations-js/web-animations.min.js';
import 'chart.js/dist/Chart.min.js'
import 'zone.js';
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.browser.module';

if (module.hot) {
    module.hot.accept();
    module.hot.dispose(() => {
        // Before restarting the app, we create a new root element and dispose the old one
        const oldRootElem = document.querySelector('app');
        const newRootElem = document.createElement('app');
        oldRootElem!.parentNode!.insertBefore(newRootElem, oldRootElem);
        modulePromise.then(appModule => appModule.destroy());
    });
} else {
    enableProdMode();
}

// Note: @ng-tools/webpack looks for the following expression when performing production
// builds. Don't change how this line looks, otherwise you may break tree-shaking.
const modulePromise = platformBrowserDynamic().bootstrapModule(AppModule);

有没有人有任何线索？

Answer 1

在 redirectTo 中使用斜杠:

{ path: '',   redirectTo: '/home', pathMatch: 'full' },

顺序也很重要，所以我建议把它移到最后