使用 Node 和 Proxy API 请求反应服务器

Question

我对 React 比较陌生，正在尝试将应用程序部署到 Openshift 环境。该应用程序包含一个 React JS 前端，它对 nodejs 后端 restful api 进行 API 调用。至少是这样。

我发现的大多数方法都建议使用 docker，但我不知道从哪里开始。 create-react-app 文档给出了一个 Node/Express 服务器的示例来呈现 index.html，我更熟悉并且已经开始工作，但我似乎无法设置代理将 api 调用路由到后端。

我最初尝试在 package.json 中设置代理，但没有成功。然后我发现 express-http-proxy 看起来很有希望，但无法让它工作。

我的前端服务器是这样的：

const express = require('express');
const path = require('path');
const app = express();
const proxy = require('express-http-proxy');
const PORT = process.env.OPENSHIFT_NODEJS_PORT || 8080;
const API_PROXY_URL = process.env.APIURL

app.use(express.static(path.join(__dirname)));

app.use('/api', proxy(API_PROXY_URL));

app.get('/*', (req, res) => {
  res.sendFile(path.join(__dirname, 'index.html'));
});

app.listen(PORT, () => {
  console.log(`Server Started on port ${PORT}`);
  console.log(`Proxy in use of ${API_PROXY_URL}`);
});

我有一个通用的 api 函数，它使用 axios 进行调用：

export function apiCall(method, path, data) {
  return new Promise((resolve, reject) => {
    return axios[method.toLowerCase()](path, data)
      .then(res => {
        return resolve(res.data);
      })
      .catch(err => {
        return reject(err.response.data.error);
      });
  });
}

例如，当我尝试登录时，它试图对 <<REACTURL>>/api/auth/signin 进行 post 调用，而我希望它发送到 <<APIURL>>/api/auth/signin。

我觉得我遗漏了一些非常明显的东西。

Answer 1

我无法让它工作，因为我想在 API 请求中声明完整的 URL 以使其工作。不漂亮，但够用：

export function apiCall(method, path, data) {
  let url = <<APIURL>> + path
  return new Promise((resolve, reject) => {
    return axios[method.toLowerCase()](url, data)
      .then(res => {
        return resolve(res.data);
      })
      .catch(err => {
        return reject(err.response.data.error);
      });
  });
}

使用 Node 和 Proxy API 请求反应服务器

React server with Node and Proxy API requests

proxy

node.js

reactjs

mern