javascript - React API 调用在开发中有效，在生产构建中失败

Question

我正在尝试使用 Spring Boot/Hibernate Restful CRUD API 部署 React 项目。我在本地运行 SQL 数据库并在开发模式下运行我的 React 应用程序 (localhost:3000) 允许与我的 API 成功通信。

但是，当我构建用于生产环境的应用程序 (localhost:5000) 时，API 不成功。 API 响应是错误代码 304。我最好的猜测是某些东西与不断变化的端口混淆了？它在端口 :3000 上按预期工作，在端口 :5000 上构建时失败。

我以前从未部署过 React 应用程序，所以感谢您的帮助!

---

API 调用

   const apiCall = () => {
    fileService
      .getUsers()
      .then((response) => {
        setUsers(response.data); //Incorrectly returns a 304 error
      })
      .catch(function (error) {
        console.log(error);
      });
  };

getUsers()

    getUsers() {
        return service.getRestClient().get("/api/getAllUsers");
    }

getRestClient()

getRestClient() {
    if (!this.serviceInstance) {
      this.serviceInstance = axios.create({
        baseURL: "http://localhost:5000/",
        timeout: 10000,
        headers: {
          "Content-Type": "application/json",
          "Access-Control-Allow-Origin": "*",
          "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE",
          "Access-Control-Allow-Headers": "Content-Type",
          "Access-Control-Allow-Credentials": true,
        },
      });
    }
    return this.serviceInstance;
  }

Answer 1

自发帖以来，我了解到您不能在 React 的生产版本中使用代理。 package.json 中的 "proxy:" 只对开发有影响——对生产没有影响。感谢大家的帮助。

来源:https://create-react-app.dev/docs/proxying-api-requests-in-development/