调用直接 url 路径时，Angular 4 路由不起作用

Question

我有一个有很多路线的 angular 4 应用程序。我的问题很容易理解。所有路由在应用程序内都可以正常工作。当我直接转到特定网址时出现问题前任。 基本 url 应用程序是 http://myserver/当我调用上面的 url 时，我看到了我的主页 ( http://myserver/home )如果我调用特定路径的 url(例如 http://myserver/anotherpathpage)，该应用程序总是将我重定向到主页。

有什么想法吗？我正在使用 html5 位置策略(url 中没有哈希)，我的基本 href 是“/”

非常感谢F

Answer 1

你可以尝试这样的配置:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
    { path: '', redirectTo: '/home', pathMatch: 'full'},
    {
      path: '', loadChildren: './layout/layout.module#LayoutModule'
    },
    { path: 'home', loadChildren: './home/home.module#HomeModule' },
    { path: '**', redirectTo: 'not-found' }
];

@NgModule({
    imports: [RouterModule.forRoot(routes, {useHash: false})],
    exports: [RouterModule]
})
export class AppRoutingModule { }

使用 pathMatch: 'full' 只限制应该重定向到主页的根路径。其他路径将由布局模块路由。

希望能帮到你。