Question

Axios公司。发布错误。

请求标题字段Access-Control-Allow-Origin在预检响应中不允许使用Access-Control-Allow-Origin。

我正在使用axios，react和redux。

我的代码是：

  const config = {
    method: 'post',
    url: addActivityUrl,
    data:data,
    headers: {
      'Access-Control-Allow-Origin': '*',
      'Content-Type': 'application/json',
    },
  };

  return function (dispatch) {
    axios.request(config)
        .then(function(response){
          dispatch({type:ADD_ACTIVITY_SUCCESS,payload:response.data});
        } )
        .catch((error)=> {
          dispatch({type:ADD_ACTIVITY_ERROR,payload:error});
        })
  }
}

我在错误回调函数中设置了断点。当我发送帖子请求时，上面的错误会显示给我。

我在Stack Overflow上寻找答案。我还没有找到答案。

我不知道原因。

Answer 1

大多数人都遇到自定义请求标题的问题。

使用自定义请求标头时，您将获得CORS预检。此类请求使用HTTP OPTIONS，并包含Access-Control-Request-Headers，列出客户端希望包含在请求中的标头。

您的客户端代码需要使用相应的CORS标头回复CORS预检。该标头需要包含与Access-Control-Request-Headers相同的值。

我正在使用react和axios。请求标头字段Access-Control-Allow-Origin在预检响应中不允许使用Access-Control-Allow-Origin

1 个答案: