生产中的角度应用程序路由错误

Question

我的网站在开发服务器上工作正常但是当我在GitHub页面上将其发布到生产时，它有一个奇怪的错误。输入URL（yanshuf0.github.io/portfolio）可以很好地显示页面，但是当我输入yanshuf0.github.io/portfolio/home时，页面无法加载并生成以下控制台日志。

在家里似乎是一个错误，但由于基本网址重定向到没有问题的主网址，我无法得到它...

RouterModule.forRoot([
  { path: '', redirectTo: 'home', pathMatch: 'full' },
  { path: 'home', component: HomeComponent },
  { path: 'blog', component: BlogComponent},
  { path: 'blog-post', component: BlogPostComponent},
  { path: '**', redirectTo: 'home' }
])

任何人都知道可能出现什么问题？

编辑：澄清此问题并未在开发服务器上发生。 编辑2：当我使用尾部斜杠输入yanshuf0.github.io/portfolio/home/时，不会发生错误。

Answer 1

您需要设置＆＃34; base href＆＃34;在index.html中的投资组合，或者您的项目名称。

<base href="/portfolio/">