Axios 和 Wufoo：'Request header field authorization is not allowed' 从 React 发帖时

Question

这个问题我花了几个小时在 Whosebug 上梳理类似的问题，但似乎找不到明确的答案。

详情如下：

我正在使用 Axios，在 React 中连接到 Wufoo 以 post 一个新表单提交；
Wufoo 的文档非常糟糕，但需要基本身份验证；
当我尝试提交 post（来自 localhost 或通过它构建的 AWS 实例），我得到一个错误回应：xxx has been blocked by CORS policy: Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight response.

这是我的代码，我显然错误地设置了身份验证方面，但我无法确定问题所在。

有人有什么想法吗？

    const wufooSubdomain = 'imgforms';
    const formId = 'abcdefg';
    const formAuth = `Basic xxxxxxxxxxxxxxxx==`;
    const postURL = `https://${wufooSubdomain}.wufoo.com/api/v3/forms/${formId}/entries.json`;

    axios({
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
        Authorization: formAuth,
      },
      method: 'post',
      url: postURL,
      data: formData,
    }).then((result) => {
      console.warn('1) result is ', result);
    });

Answer 1

正如@sideshowbarker 正确指出的那样，Wufoo 文档根本没有演示如何使用前端访问其 API。遗憾的是，他们对我的支持票的回应是：

"We don't support the API because it is advanced"

然而，根据文档并稍微改变策略，我能够在 Node 中实现一个中间层来处理 AJAX 请求。

Axios 和 Wufoo：'Request header field authorization is not allowed' 从 React 发帖时

Axios and Wufoo: 'Request header field authorization is not allowed' when posting from React

ajax

cors

wufoo

axios