ajax - Axios 和 Wufoo：从 React 发布时“不允许请求标头字段授权”

Question

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

详情如下：

• 我在 React 中使用 Axios 连接到 Wufoo 以发布新的表单提交；
• Wufoo 的文档非常糟糕，但需要基本身份验证；
• 当我尝试提交我的帖子时（从本地主机或通过它构建的 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。可悲的是，他们对我的支持票的回应是：

“我们不支持 API，因为它是高级的”

然而，按照文档并稍微改变技巧，我能够在 Node 中实现一个中间层来处理 AJAX 请求。