"Error to send message: Failed to fetch"使用 NextJS 和 Fetch

Question

I使用fetch和NextJS。我试图从公司发送API的名称、电话、电子邮件、电话、公司和消息，但我不能这样做，因为这个错误和控制台错误只是发送获取失败，没有告诉我做是什么

function submitContact() {
let nome = document.getElementById('nome').value
let email = document.getElementById('email').value
let telefone = document.getElementById('telefone').value
let nome_empresa = document.getElementById('empresa').value
let mensagem = document.getElementById('mensagem').value
let submit = {
nome: nome,
email: email,
telefone: telefone,
nome_empresa: nome_empresa,
mensagem: mensagem
}
fetch('API_URL', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(submit)
})
.then(response => response.json())
.then(data => {
console.log(data)
alert('Mensagem enviada com sucesso!')
})
.catch(error => {
console.log(error)
alert('Erro ao enviar mensagem: ' + error)
})
}

Answer 1

添加<form action="" onSubmit={(e) => e.preventDefault()}>修复了问题。

问题是因为每次提交都会取消获取并刷新页面。有了preventDefault，我可以保持这种状态并完成整个过程。