Question

我正在使用Axios库在我的React应用程序中进行API调用。我调用API然后使用React填充表。

我的Axios电话如下：

     axios({
      method: 'get',
      url: DataURL,
      headers: {
        'Content-Type' : 'application/json',
        'Id': user.Id,
        'Name' : user.Name,
        'api-token' : user.access_token,
        'clientId' : 'web',
    },
    responseType: 'json',
  })
    .then((response) => {
      this.setState({ tableData: response.data });
    });

但是我收到了这个错误：

XMLHttpRequest无法加载我的API网址预检的响应包含无效的HTTP状态代码400

同样在我的开发环境中工作，我没有添加任何标题，但是在迁移到需要我添加标题的新环境后，我得到了上述错误。我的问题是，这是客户端问题（如错误的标题格式等）还是与API调用的服务器端处理有关？

Answer 1

我认为这是一个服务器端问题。如果您在后台使用节点，则需要CORS作为中间件（https://www.npmjs.com/package/cors）。对于其他服务器解决方案，当然还有cors请求处理程序。

使用Axios，预检的响应具有无效的HTTP状态代码400

1 个答案: