将dist部署到github-pages，返回错误的资源url和Empty页面时出错

Question

首先，我构建一个到目录dist的js项目，并在localhost上成功npm run dist。然后，我尝试部署到github-pages，但它返回空页，其中包含错误的资源网址。

如何配置或修复此问题？

所有文件都可以在我的github项目中看到：https://github.com/DiroKate/SysuhikerCC/tree/gh-pages

以下是我的详细信息：

1. 将我的dist部署到分支gh-pages：git subtree push --prefix dist origin gh-pages

2. 访问项目github-pages URL：dirokate.github.io/SysuhikerCC/，它返回Empty。我认为正确的资源网址是dirokate.github.io/SysuhikerCC/{resource}。但它显示的网址是dirokate.github.io/{resource}，没有项目名称。