React 样板中的请求 API

Question

我在 https://github.com/react-boilerplate/react-boilerplate 上使用样板。问题是，当我点击 API 时，它返回错误 404。我无法从它设置主机的地方（它总是去本地主机）。浏览器上也不会出现 CORS 错误。

在此之前我正在开发 create-react-app，我简单地在 package.json 中放了一个 "proxy" 属性并且一切正常。

今天我第一次设置这个样板，我会说它有点令人困惑 _:)

Answer 1

您可以像这样指定 API 基数 url：

const API = process.env.NODE_ENV !== 'production' ? 'http://google.com' : 'http://localhost:5000'

因此在开发中它将始终指向本地主机，在生产中它将指向其他生产服务器。

Answer 2

对于仍在搜索的人，你所需要的只是在 server/index.js

中创建这样的东西

app.get('/api/user', (req, res, next) => {
  let parsedBody = JSON.parse(req.body)

  res.send({ express: 'Hello From Express.' });
});

根据客户端请求 /api/user

axios.get(`/api/user`)
  .then(function (response) {
    console.log("/api/user response", response);
  })
  .catch(function (error) {
    console.log(error);
  });

干杯

React 样板中的请求 API

Requests API in React-boilerplate

reactjs

redux

react-redux

react-boilerplate