我正在尝试实现一个需要访问数据库的 React 应用程序。据我所知，可以使用 nodejs/express 作为后端来完成此操作。此外，我认为通过向我的 react package.json 文件添加代理条目，我可以将 fetch 调用的“/api”请求重定向到后端服务器。但是，我认为它不起作用。在浏览器控制台中，localhost:3000（即 NPM react 服务器）上显示 404 错误。我的后端在端口 5000 上运行。

我可以访问后端服务器的“ http://localhost:5000/api ”，它会按设计返回 JSON。

这是我的 react package.json 文件：

{
  "name": "ubwo",
  "version": "0.1.0",
  "private": true,
  "proxy":"http://localhost:5000/api",
  "dependencies": {
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-redux": "^7.1.0",
    "react-router": "^5.0.1",
    "react-router-dom": "^5.0.1",
    "react-scripts": "3.0.1",
    "redux": "^4.0.1",
    "redux-thunk": "^2.3.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "resolutions": {
    "browserslist": "4.6.2",
    "caniuse-lite": "1.0.30000974"
  }
}

这是我的“测试”React 代码。我不太熟悉 fetch，所以也许代码需要一些更改？：

componentDidMount() {
    this.callApi()
        .then(res => this.setState({ response: res.express}))
        .catch(err => console.log(err));
}

callApi = async() => {
    const response = await fetch('/api/cust/all',{
        headers:{
            "accepts":"application/json"
        }
    });
    const customers = await response.json();
    if (response.status !== 200) throw Error(customers.message);

    return customers;
}