Question

我在Angular2中使用最新的路由器包（3.0.0.8？）

当我向其中一条路线添加参数时，该页面无法再找到所有必需的样式和应用程序文件。

当我有这个：

export const routes: RouterConfig = [
    {path: '', component: LandingPageComponent },
    { path: 'buyers', component: BuyerFormComponent },
    {path: 'links', component: GenerateLinksComponent},
    {path: 'cc/:bid', component: SupplierFormComponent}
];

当我导航到＆＃34; http://localhost:3000/cc/b4＆＃34; 我收到了一堆错误：

获取http://localhost:3000/cc/styles.css
获取http://localhost:3000/cc/app等

我没有参数的其他路线工作正常，如果我从路线中删除参数：

export const routes: RouterConfig = [
    {path: '', component: LandingPageComponent },
    { path: 'buyers', component: BuyerFormComponent },
    {path: 'links', component: GenerateLinksComponent},
    {path: 'cc', component: SupplierFormComponent}
];

访问没有参数的路径（localhost3000 / cc），页面加载正常。

我有href =＆＃34;。＆＃34;在我的index.html中：

<html>
  <head>

    <base href=".">

有什么建议吗？谢谢！

Answer 1

新路由器需要

<base href="/">

空路径路径通常应设置terminal: true

{path: '', component: LandingPageComponent, terminal: true },

在测试版中，terminal: true将替换为

{path: '', component: LandingPageComponent, pathMatch: full },

https://github.com/angular/angular/blob/master/modules/@angular/router/src/config.ts#L258

Angular2 Routing 3.0.0x在使用参数时获取style.css的错误

1 个答案: