Axios在React前端发布,导致在发布到MailerLite时出错



我有以下组件:

const WaitingListComponent = () => {
const [email, setEmail] = useState('')
const onSubmit = (e) => {
e.preventDefault()
axios.post("/api/waiting-list/addToList", {
email: email
})
}
return (
<form className="waiting-list-component-container" onSubmit={onSubmit}>
<h4 className="waiting-list-component-heading">Join our waiting list to get early access</h4>
<p className="waiting-list-component-paragraph">Join our waiting list to get exclusive early access to our platform when we're ready to launch.</p>
<input className="waiting-list-component-input" name="email" type="email" value={email} onChange={(e) => setEmail(e.target.value)} placeholder="janedoe@email.com" />
<GeneralButton type="submit" text="Get access" />
</form>
)
}

此Axios请求通过以下功能发布:

const MailerLite = require('mailerlite-api-v2-node').default;
const mailerLite = MailerLite(process.env.MAILER_API);
module.exports = (req, res) => {
res.statusCode = 200;
res.setHeader("Content-Type", "application/json");
const email = req.body.email;
mailerLite.addSubscriberToGroup(process.env.MAILER_GROUP, email)
.then(() => {
console.log("Successfully sent new subscriber to MailerLite.");
res.send(JSON.stringify({ success: true }));
})
.catch((err) => {
console.log("There was an error.");
console.log(err);
res.send(JSON.stringify({ success: false }));
});
};

这是一个名为"MailerLite"的网站的帖子。

他们的文档如下:https://developers.mailerlite.com/docs/getting-started-with-mailerlite-api我用来通过node发布的包在这里:https://www.npmjs.com/package/mailerlite-api-v2-node#addsubscribertogroupgroupid-用户

我正在尝试使用"addSubscriberToGroup"函数向我的组添加新的订阅者。

然而,尽管Axios的帖子成功通过了——如错误消息所示——但每次都会生成一个错误。

我不想发布完整的错误,因为它很长,并且包含API密钥,但最后两行表明这是Axios错误:

isAxiosError:真实

有人能指出我哪里错了吗?

如果你需要更多信息,或者有任何具体问题,请告诉我!

问题可能是您需要将电子邮件作为对象发送。你可以这样做:addSubscriberToGroup('id', { email: email })

最新更新