1

Tengo un componente en pages/profile/[profile].js en el cual quiero hacer una peticion fetch a la ruta pages/api/profile/[profile].js, pero al hacerlo me da un error 404

//pages/profile/[profile].js
try {
                      const resp = await fetch('api/profile/username', {
                        method: 'PUT',
                        headers: {
                          'Content-Type': 'application/json',
                        },
                        body: JSON.stringify({
                          id: userF420._id,
                          fullname,
                        }),
                      })
                    } catch (error) {
                      console.error(error)
                    }

// pages/api/profile/[profile].js

export const handler = async (req, res) => {
  try {
    console.log(req.body.fullname)
    const { method, body } = req

    if (method === 'PUT') {
      if (body.fullname) {
        await UserSchema.findOneAndUpdate(
          { _id: body.id },
          { fullname: body.fullname }
        )
        res.status(200).json({ message: 'Nombre actualizado' })
      }
    }
  } catch (error) {
    console.error(error)
    res.status(500).json({ message: 'Error al actualizar el nombre' })
  }
}

introducir la descripción de la imagen aquí

Alguien sabe como puedo solucionar esto, no puedo hacer peticiones a mi backend por lo mismo

2
  • deberia de ser asi como lo tengo, en la pagina welcome tengo una llamad afetch a la url api/welcome y funciona correctamente
    – wicho0205
    Commented el 7 jun. 2022 a las 7:56
  • Ensaya poner la ruta con un / al inicio... porque sino será una ruta relativa a la ruta desde donde la llamas... fetch('/api/profile/username', { ... })
    – Pipe
    Commented el 7 jun. 2022 a las 16:02

1 respuesta 1

0

YA ESTA RESUELTO! :D

Tenia el error de que estaba exportando mal el componente de la api Tenia que ser exportado por defecto por ser una pagina de nextjs

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.