用于 API 的 Electron + React 代理端口答案

【问题标题】：Electron + React Proxy Port for API用于 API 的 Electron + React 代理端口
【发布时间】：2019-02-12 17:32:49
【问题描述】：

我正在构建一个电子包装的反应应用程序。一般使用create-react-app，我可以在package.json中指定一个proxy，这样axios就知道在开发过程中使用不同的PORT了。但是，我认为电子片正在做一些覆盖，因为即使默认情况下 react 在 3000 上运行，我所有的 axios 请求都被路由到 :5000 这是电子端口。有人知道如何让 axios 使用不同的端口吗？

【问题讨论】：

标签： reactjs proxy electron axios

【解决方案1】：

您可以尝试创建 axios 的自定义实例并改用它。

axiosConfig.js

const customAxiosInstance = axios.create({
  baseURL: 'localhost:5000',
});

下面的代码是你调用 API 端点的地方

import APIEndPoint from './axiosConfig';

APIEndPoint
  .get('/your-end-points-here')
  .then((response) => {
    // handle success
  })
  .catch((error) => {
    // handle error
  })
})

【讨论】：

我有点喜欢。少了一部分。我认为这暂时可行。谢谢。

【解决方案2】：

虽然不是您问题的答案，但如果您的意图是在 react-app 和 electron 之间进行通信，那么我建议使用 IPC(ipcMain & ipcRenderer) 调用在您的 react-app 和 electron 之间进行通信。请参考以下链接。

https://electronjs.org/docs/api/ipc-main

https://electronjs.org/docs/api/ipc-renderer

【讨论】：

我的意图是与 API 通信。我真的只需要反应部分来打那个 API。