axios returns 404 on first post request

Question

     function verNotasAluno(e) {
        e.preventDefault()
        setMateria(String(responseProfessor[1]))
        axios
            .post(`http://localhost:3001/getNotasAluno/${materia}`, { lupaAluno })
            .then((response) => {
                if (response.data === 'Erro') {
                    alert('Aluno não encontrado')
                } else {
                    setNotasResponse(JSON.stringify(response.data))
                }
            })
    }
    
    return (
        <div>
            <form onSubmit={verNotasAluno}>
                <span>Nome:</span> <input type={'text'} onChange={(e) => { setLupaAluno(e.target.value) }} required /> <br />
                <br />
                <button>Buscar Nota</button>
            </form>
        </div>
    )

Server Side:

    app.post('/getNotasAluno/:materia', (req, res) => {
        const nome = req.body.lupaAluno
        const materia = req.params.materia
    
        let searchquery = ''
        if (materia === 'Fisica') {
            searchquery = 'SELECT nota_fisica, nota_fisica2, nota_fisica3 FROM pessoas where nome = ?;'
        } else if (materia === 'Portugues') {
            searchquery = 'SELECT portugues, portugues2, portugues3 FROM pessoas where nome = ?;'
        } else if (materia === 'Matematica') {
            searchquery = 'SELECT matematica, matematica2, matematica3 FROM pessoas where nome = ?;'
        }
        db.query(searchquery, nome, (err, result) => {
            if (result.length === 0) {
                res.send('Erro')
            } else {
                res.send(result)
            }
        })
    })

As I said in the title, the first time I make a request submitting the form, it gives this error: Click to see the image error but if I make another request after the first one, it works normally

I'm a beginner, can someone shed some light on me please?

Does this answer your question? [The useState set method is not reflecting a change immediately](https://stackoverflow.com/q/54069253/283366) — Phil, Sep 08 '22 at 07:05

score 0 · Accepted Answer · answered Sep 08 '22 at 22:13

0

i found out what was going wrong, the 'materia' parameter was going empty to the server, that's why the first request gave 404. Had to use UseEffect to update useState or something. Thanks to anyone who saw this code.

answered Sep 08 '22 at 22:13

Light

1
2

score -1 · Answer 2 · answered Sep 08 '22 at 05:43

From your error image, the post request needs materia as slug but you are not sending it in the first request..

In your First Api call, you are just calling

http://localhost:3001/getNotasAluno/

Instead it should be

http://localhost:3001/getNotasAluno/1

1 is the materiaId

axios returns 404 on first post request

2 Answers2