我在Next.js中有一个简单的联系表单,当单击提交按钮时,它使用FormSubmit API发送电子邮件:onSubmit
处理程序的代码如下:
const handleSubmit = async (e) => {
e.preventDefault();
const res = await fetch("https://formsubmit.co/ajax/your@email.com", {
method: "POST",
headers: {
"Content-Type": "application/json",
Accept: "application/json",
},
body: JSON.stringify({
name: "FormSubmit",
message: "I'm from Devro LABS",
}),
})
.then((response) => response.json())
.then((data) => console.log(data))
.catch((error) => console.log(error));
};
我想在客户端隐藏提取请求URL,即https://formsubmit.co/ajax/your@email.com
,当提取请求发出时,它可以从DevTools中看到。我不知道如何在Next.js中做到这一点。有没有办法做到这一点?
1条答案
按热度按时间ozxc1zmp1#
虽然您无法隐藏从浏览器发出的请求,但可以使用API路由来屏蔽外部服务的URL。
创建一个调用
https://formsubmit.co/ajax/your@email.com
的API路由(假设为/api/form-submit
),并将充当代理。然后从客户端,对新创建的API路由发出请求。