Angular服务器端渲染（SSR）不加载内 /子页面的HTML

Question

我的角度应用程序如何加载了一个问题。由于某种原因，无论路线如何，在线查看应用程序，HTML结构默认为基本路径。

现在假设在我的路由中，我有2页：HOME （/）和Events （/Events）。

当我尝试使用Facebook Open Graph scrapper，甚至只是简单地view> view-source：https：// mysite/events我看到结果是主页（/）而不是/events

更令人困惑的是，

1. dist> dist目录中的实际渲染/events html文件具有正确的HTML数据如上所述，它在线查看或取消，它显示了主页html结构，
2. 即使加载https：// mysite/events 在浏览器上 - 它正确地显示了预期的页面，但在通过ctrl进行检查时+ u，同一问题-HTML结构属于主页

是否与Angular加载应用程序的加载或其他内容有关？我该如何确保由刮擦者甚至通过查看源来挑选正确的HTML数据？

万一路由信息可能会有所帮助，在这里是：

const routes: Routes = [
  {
    path: '',
    component: SiteLayoutComponent,
    children: [
      {
        path: 'events',
        children: [
          { path: '', component: EventsComponent},
        ]
      },
      { path: '', component: HomeComponent, pathMatch: 'full'},
    ]
  },
  { path: '**', redirectTo: '' }
];

Answer 1

我认为您可以在HOMECONTENT旁边使用EventComponent路线。

const routes: Routes = [
  {
    path: '',
    component: SiteLayoutComponent,
  },
  {
    path: 'events',
    component: EventsComponent,
  },
  { path: '**', redirectTo: '' }
];

Answer 2

我在我的本地Apache服务器以及另一个站点（原来是使用Apache）上测试了Web应用程序，并且在这两种情况下，该路由都可以正常工作。

因此，事实证明，该问题是nginx将请求重定向到根索引（然后在请求页面上），而不是直接转到子目录索引。

因此，如果您有一个请求，例如site.com/events - on nginx请求将加载Main index.html，然后将请求（/events），而在apache上，它将直接进入/events中找到的索引

这说明了为什么像开放图形刮刀或甚至ctrl + u都会找到主索引文件中的元标记数据，而不是事件索引文件