javascript - 生产中的 Angular 应用程序路由错误

标签 javascript angular typescript

我的网站在开发服务器上运行良好，但是当我将它发布到 GitHub 页面上的生产环境时，它出现了一个奇怪的错误。输入 URL (yanshuf0.github.io/portfolio) 可以正常显示页面，但是当我输入 yanshuf0.github.io/portfolio/home 时，页面无法加载并生成以下控制台日志。

这似乎是家里的一个错误，但我没有得到它，因为基本 URL 重定向到没有问题的家庭 URL...

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

有人知道可能是什么问题吗？

编辑:澄清这个问题不会发生在开发服务器上。 Edit2:当我输入带有尾部斜杠的 yanshuf0.github.io/portfolio/home/时，不会发生错误。

最佳答案

您需要将 index.html 中的“base href”设置为 portfolio，或者您的项目名称。