Skip to main content
mejor formato. Leves correcciones de ortografía.
Origen Enlace
fredyfx
  • 13.2k
  • 11
  • 33
  • 65

Tengo un problema con el codigocódigo en el que estoy trabajando para una pagina web. Quiero

Quiero editar un producto que ya ha sido cargado anteriormente, trabajo con el formulario que uso para cargar este mismo producto y hago un llamado a la apiapi.

const handleSubmit = async (e) => {
  e.preventDefault();
  try {
   const response = await axios.put(`http://localhost:8080/products/update-product`, 
   formData)
   console.log('Producto actualizado:', response.data);
   navigate(`/product/${params.id}`);
 } catch (error) {
    console.error('Error updating product:', error);
    console.log(error.response); // Muestra el error completo en la consola

} };

La api es la misma que utilizo en el form de addProductaddProduct, y la correcta desde la base de datos. En la consola me muestra un error de " Error updating product: AxiosError {message: 'Request failed with status code 500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', config: {…}, request: XMLHttpRequest, …} "

" Error updating product: AxiosError {message: 'Request failed with status code 500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', config: {…}, request: XMLHttpRequest, …} "

No entiendo que puede estar fallando. Un dato a agregar es que, el llamado a la apiapi anterior que realizo para traer la informacioninformación que este producto contiene, lo realiza bien, el problema es a la hora de actualizar una categoriacategoría, nombre o lo que se quiera actualizar.

Probe verificando la API con Postman, pero funciona correctamente, entonces hay¡hay algo mal en mi codigocódigo!

Tengo un problema con el codigo en el que estoy trabajando para una pagina web. Quiero editar un producto que ya ha sido cargado anteriormente, trabajo con el formulario que uso para cargar este mismo producto y hago un llamado a la api.

const handleSubmit = async (e) => {
  e.preventDefault();
  try {
   const response = await axios.put(`http://localhost:8080/products/update-product`, 
   formData)
   console.log('Producto actualizado:', response.data);
   navigate(`/product/${params.id}`);
 } catch (error) {
    console.error('Error updating product:', error);
    console.log(error.response); // Muestra el error completo en la consola

} };

La api es la misma que utilizo en el form de addProduct, y la correcta desde la base de datos. En la consola me muestra un error de " Error updating product: AxiosError {message: 'Request failed with status code 500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', config: {…}, request: XMLHttpRequest, …} "

No entiendo que puede estar fallando. Un dato a agregar es que, el llamado a la api anterior que realizo para traer la informacion que este producto contiene, lo realiza bien, el problema es a la hora de actualizar una categoria, nombre o lo que se quiera actualizar.

Probe verificando la API con Postman, pero funciona correctamente, entonces hay algo mal en mi codigo!

Tengo un problema con el código en el que estoy trabajando para una pagina web.

Quiero editar un producto que ya ha sido cargado anteriormente, trabajo con el formulario que uso para cargar este mismo producto y hago un llamado a la api.

const handleSubmit = async (e) => {
  e.preventDefault();
  try {
   const response = await axios.put(`http://localhost:8080/products/update-product`, 
   formData)
   console.log('Producto actualizado:', response.data);
   navigate(`/product/${params.id}`);
 } catch (error) {
    console.error('Error updating product:', error);
    console.log(error.response); // Muestra el error completo en la consola

} };

La api es la misma que utilizo en el form de addProduct, y la correcta desde la base de datos. En la consola me muestra un error de

" Error updating product: AxiosError {message: 'Request failed with status code 500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', config: {…}, request: XMLHttpRequest, …} "

No entiendo que puede estar fallando. Un dato a agregar es que, el llamado a la api anterior que realizo para traer la información que este producto contiene, lo realiza bien, el problema es a la hora de actualizar una categoría, nombre o lo que se quiera actualizar.

Probe verificando la API con Postman, pero funciona correctamente, entonces ¡hay algo mal en mi código!

Origen Enlace
Marco
  • 11
  • 2

Problema con una API

Tengo un problema con el codigo en el que estoy trabajando para una pagina web. Quiero editar un producto que ya ha sido cargado anteriormente, trabajo con el formulario que uso para cargar este mismo producto y hago un llamado a la api.

const handleSubmit = async (e) => {
  e.preventDefault();
  try {
   const response = await axios.put(`http://localhost:8080/products/update-product`, 
   formData)
   console.log('Producto actualizado:', response.data);
   navigate(`/product/${params.id}`);
 } catch (error) {
    console.error('Error updating product:', error);
    console.log(error.response); // Muestra el error completo en la consola

} };

La api es la misma que utilizo en el form de addProduct, y la correcta desde la base de datos. En la consola me muestra un error de " Error updating product: AxiosError {message: 'Request failed with status code 500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', config: {…}, request: XMLHttpRequest, …} "

No entiendo que puede estar fallando. Un dato a agregar es que, el llamado a la api anterior que realizo para traer la informacion que este producto contiene, lo realiza bien, el problema es a la hora de actualizar una categoria, nombre o lo que se quiera actualizar.

Probe verificando la API con Postman, pero funciona correctamente, entonces hay algo mal en mi codigo!