如何在 React Native 中设置代理？答案

【问题标题】：How to set up a proxy in React Native?如何在 React Native 中设置代理？
【发布时间】：2020-01-14 21:53:01
【问题描述】：

在 react 应用程序中，创建一个 setupProxy.js 文件并将以下内容放入其中：

const proxy = require('http-proxy-middleware');
module.exports = function(app) {
    app.use(proxy('/api/*', 
        { target: 'http://localhost:5000/' }
    ));
}

但是当我做同样的事情并将这个相同的文件放在 react native 目录中时，代理不起作用，我从客户端收到网络错误。如何在 react native 中设置代理以与服务器连接？

--- 编辑---

我尝试了以下操作：

const endpointMiddleware = createEndpointMiddleware({
    apis: {
        default: {
            apiUrl: 'localhost:5000/api/*',
        },
    },
});


const middlewares = [reduxThunk, endpointMiddleware, apiMiddleware];
const store = createStore(reducers, {}, applyMiddleware(...middlewares));

但这没有奏效。

【问题讨论】：

标签： reactjs react-native server proxy http-proxy-middleware

【解决方案1】：

如果你使用 redux 作为你的状态管理器，你可以使用redux-api-middleware endpoint package。它对我有用。

【讨论】：

你有没有使用过 axios 和 redux thunk？如果是这样，您能否举例说明如何为目标 localhost:5000 和 /api/* 路径设置此代理？
另外，apiUrl 属性是否适用于通配符，即 * 的？