Question

我有一个昨天才上线的网站。它使用Angular后端和Bulma html框架构建。我使用Google Domains获取自定义域名，并使用Git Pages托管我的网站（从主/ docs repo文件夹）。除了将其发布到正常状态下需要5个小时的错误修复之外，一切还可以。但是，我意识到该站点的路由并没有按照我希望的那样进行。

我的域是“ myname.net”，这是GitPages中的自定义域。在Google Domains中，我有两个DNS资源记录：一个“ @ A指向Git页面的两个IP（192.30.252.154和192.30.252.153）”，另一个“ www CNAME指向myname.github.io。” < / p>

在Git Pages上，网站的来源是主/ docs文件夹，如前所述。

现在是问题所在。当我加载我的网站时，它会转到“ myname.net/repo-name/home”，而不是转到“ myname.net/home”。在网站上的不同页面之间切换可以正常工作，但是当我尝试刷新任何页面时，它将变成空白页面。只能通过直接转到“ myname.net”（将其重新路由到“ myname.net/repo-name/home”）来解决。

我已经弄乱了页面的路由，但是似乎并没有解决任何问题。作为参考，这是路由的示例：

    const routes: Routes = [
  { path: '', redirectTo: '/home', pathMatch: 'full'},
  { path: 'home', component: TitlepageComponent},
  { path: 'about', component: InfopageComponent},
  { path: 'contact', component: ContactpageComponent},
  { path: 'resume', component: ResumepageComponent}
];

还有更多页面，但我认为您可以理解。我认为git页面，google域和页面本身之间的路由之间的设置或配置有误，导致“ myname.net”页面自动重定向到“ myname.net/repo-name/home”，然后刷新时，不存在任何页面，因此返回空白。

谢谢。

由于路由错误，刷新Angular页面会破坏网页

0 个答案: