React 样板中的请求 API答案

【问题标题】：Requests API in React-boilerplateReact 样板中的请求 API
【发布时间】：2018-02-09 11:07:12
【问题描述】：

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

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

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

【问题讨论】：

更多关于您尝试使用哪个 API 的信息会有所帮助。
不，实际上我更关心的是我们在哪里设置请求 URL 的基础...例如，我必须点击 API //192.168.0.7/master/api/login ....我'我已经在我的传奇中提供了'/master/api/login' 部分......但是基础即'192.168.0.7' 我在哪里设置它？是否有我应该遵循的配置文件制作方法？或者一些内部方法（比如在 create-react-app 的情况下）可用？ PS 如果我的评论有任何意义，请告诉我。

标签： reactjs redux react-redux react-boilerplate

【解决方案1】：

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

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

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

【讨论】：

【解决方案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);
  });

干杯

【讨论】：