Solucionado
Estava com dificuldades para enviar o formulário de cadastro para o back-end porque eu já tinha outro processo em execução na porta 8000, e o que deu certo para mim:
Mudar a porta do back para outra, nesse caso 8080:
server.listen(8080, () => { console.log("API disponível em http://localhost:8080") })
E ajustar no front para se comunicar com a nova porta:
const http = axios.create({ baseURL: 'http://localhost:8080', headers: { Accept: 'application/json', 'Content-Type': 'application/json' }, })
Oi, Bruno!
Muito obrigado por compartilhar sua solução! Realmente, mudar a porta do servidor pode resolver conflitos quando já há outro processo em execução na mesma porta. Isso é uma prática comum e pode evitar muitos problemas de conexão.
Aqui estão os passos que você mencionou, detalhados para ajudar outros colegas que possam estar enfrentando o mesmo problema:
Mudar a porta do servidor backend:
No arquivo onde você configura o servidor (geralmente server.js ou app.js), altere a porta para uma que não esteja em uso, como a 8080:
server.listen(8080, () => {
console.log("API disponível em http://localhost:8080")
});
Ajustar a URL base no frontend:
No arquivo onde você configura o Axios (ou qualquer outra biblioteca de requisições HTTP), ajuste a baseURL para a nova porta:
const http = axios.create({
baseURL: 'http://localhost:8080',
headers: {
Accept: 'application/json',
'Content-Type': 'application/json'
},
});
Esses passos devem resolver o problema de conflito de portas e permitir que o frontend se comunique corretamente com o backend.
Bons estudos!