reactjs - React 样板中的请求 API

Question

我正在使用https://github.com/react-boilerplate/react-boilerplate上的样板。问题是，当我点击 API 时，它返回错误 404。我无法从它设置主机的位置获取（它总是在 localhost）。浏览器上也没有出现 CORS 错误。

在此之前，我正在研究 create-react-app，我在 package.json 中简单地放置了一个“代理”属性，一切正常。

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

Answer 1

对于仍在搜索的人，您只需要在 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);
  });

干杯

Answer 2

您可以像这样指定 API 基本 URL：

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

所以在开发中它总是指向本地主机，而在生产中它会指向你的其他产品服务器。