出现此问题可能是因为部署到Github上的API路径不正确或者Github Pages没有正确解析路径。可以尝试以下方法：

1. 确认Github Pages设置的source路径正确，需要与API的路径一致。

2. 确认API部署到Github的正确路径，可以在Github上打开对应的repository，切换到正确的分支，查看API的文件夹路径。

3. 如果API路径正确，但是依然显示404错误，可以尝试通过浏览器检查API请求时的network信息，查看API请求时的响应状态码和返回的信息，进一步排查问题。

4. 另外，也可以尝试使用第三方的API测试工具，如Postman等，来测试API的正确性。如果API在测试工具上正常响应，那么问题可能不在API上，而是在Github Pages的配置上。

以下是一个简单的示例代码，用于演示如何部署API到Github Pages上：

const express = require('express');
const app = express();
const port = process.env.PORT || 3000;

app.get('/', (req, res) => res.send('API is working!'));

app.get('/users', (req, res) => {
  const users = [{ name: 'Alice' }, { name: 'Bob' }];
  res.json(users);
});

app.listen(port, () => console.log(`API listening on port ${port}!`));

部署步骤如下：

1. 在terminal中运行npm init，生成package.json文件。

2. 安装gh-pages依赖：npm install gh-pages --save-dev。

3. 在package.json文件中添加homepage和scripts字段：

   "homepage": "https://.github.io//",
   "scripts": {
      "build": "react-scripts build",
      "predeploy": "npm run build",
      "deploy": "gh-pages -d build",
      "start": "react-scripts start",
      "test": "react-scripts test",
      "eject": "react-scripts eject"
   }
   

   其中homepage字段的值需要修改为自己的Github Pages链接（注意不要忘了斜杠）：

   "homepage": "https://your-github-username.github.io/your-repository-name/",
   

4. 运行npm run deploy，等待编译和部署完成。