404 gh-pages 单页 React App 部署后 问题我做了什么

如何解决404 gh-pages 单页 React App 部署后 问题我做了什么

问题

尝试部署一个简单的单页应用程序，但在访问 url 时收到 404。

我做了什么

1. 我通过在应用程序目录中运行以下命令安装了 gh-pages：

npm install gh-pages

2. 在 package.json
中添加了主页属性

"homepage": "https://merryface.github.io/football-app-front/"

merryface 是我的 github 用户名，football-app-front 是 GitHub 存储库的名称

3. 我将以下内容添加到 package.json 中的“脚本”对象中。

"predeploy": "npm run build","deploy": "gh-pages -d build",

4. 我在命令行中使用了 npm run deploy

5. 等了很久才确定这不是服务器问题。不，https://merryface.github.io/football-app-front/ 仍然返回 404

6. 在我仍然收到 404 时重新运行 npm run deploy 几次