为什么我的github.io在页面上显示404?[已关闭]

你只上传了GitHub存储库中的源代码,它将不起作用。

如果你想将react网站部署到GitHub页面,请遵循以下步骤:

方法1:手动部署

1. 在您的终端中运行此命令:

cd /change/this/to/your/project/root/directory/path/
npm run build

2. 然后从您的构建文件夹将所有文件上传到GitHub存储库。仅上传构建文件夹内的内容,

方法2:直接部署

1. 添加 gh-pages 包到您的项目

npm install gh-pages --save-dev

2. 在脚本中的package.json文件中添加 predeploy 和 deploy 属性。

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

3. 现在将远程git存储库添加到您的项目中: 更改 username 和 repo-name

git remote add origin https://github.com/{username}/{repo-name}.git

4. 现在将您的react应用程序推送到GitHub存储库

npm run deploy

5. 最后,当您想要配置子域时,转到设置并选择分支作为 gh页 和root作为 /

现在,如果你遵循了这2种方法中的任何一种,你的react应用程序都将成功部署到GitHub页面。