Question

我有多个路由文件，一切正常。问题是，当我得到公司列表url/companies并选择公司url/companies/:id时，它会导致公司页面（这很好）。但是，当我刷新公司页面时，它无法正常工作。

应用路由文件：app.routing.ts

    {
        path: '',
        redirectTo: 'dashboard',
        pathMatch: 'full',
    },
    {
        path: 'login',
        component: LoginComponent,
        data: {
            title: 'login'
        },
        pathMatch: 'full'
    },
    {
        path: '',
        component: FullLayoutComponent,
        data: {
            title: 'Home'
        },
        children: [
            {
                path: 'dashboard',
                loadChildren: 'app/dashboard/dashboard.module#DashboardModule'
            },
            {
                path: 'companies',
                loadChildren: 'app/companies/companies.module#CompaniesModule'
            },
    }

公司路由文件：companies.routing.ts

{
    path: '',
    data: {
        title: 'Companies'
    },
    children: [
        {
            path: '',
            component: CompaniesComponent,
        },
        {
            path: ':company',
            component: CompanyComponent,
            data: {
                title: 'Company'
            }
        },
        {
            path: '**',
            component: CompaniesComponent,
            data: {
                title: 'Company'
            }
        }
    ]
}

另一件事，companies.routing.ts中的'**'无效。

Answer 1

我解决了这个问题。

在index.html <base href="./">我127.0.0.1:4200/myfile.css。当我重新加载我的页面时，CSS文件将目录更改为公司而不是根目录，无法获取CSS文件。

正确的道路：127.0.0.1:4200/companies/myfile.css

实际路径：index.html

我将<base href="/">中的基本href更改为_context.products.where(x => x.active);

多个路由文件（刷新页面）

1 个答案: