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

Question

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

详细信息如下：

• 我正在使用Axios，在React中连接到Wufoo以发布新表单提交
• Wufoo的文档少得可怜，但需要基本认证
• 当我试图提交我的帖子时(从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。遗憾的是，他们对我的支持票的回应是：

"我们不支持API，因为它是高级的；

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