时间戳

首页 > 解决方案 > 用于 API 的 Electron + React 代理端口

reactjs - 用于 API 的 Electron + React 代理端口

问题描述

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

标签： reactjsproxyelectronaxios

解决方案

您可以尝试创建 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
  })
})

推荐阅读