Quantcast
Viewing all articles
Browse latest Browse all 213

Problema de Integración back y front mercado pago

Tengo mi e-commerce realizado y deployé en vercel mi back por un lado y mi front por el otro. En la versión local me funcionaba perfectamente, pero al deployarlos me devuevle un 404 en el "create preference" y no encuentro el motivo de mi error. Alguien sabría cuál es?Este es mi index.js de mi back.

app.get("/", (req, res) => {  res.send("Soy el server :)");});app.post("/create_preference", async (req, res) => {  try {    const body = {      items: [        {          title: req.body.title,          quantity: Number(req.body.quantity),          unit_price: Number(req.body.price),          currency_id: "ARS",        },      ],

y este es mi cart.js y app.js de mi front donde por supuesto puse el front deployado en el fetch al igual que en el siguiente js

const mp = new MercadoPago(process.env.MP_PUBLIC_KEY, {  locale: "es-AR",});document.getElementById("checkout-btn").addEventListener("click", async () => {  try {    const orderData = {      title: document.querySelector(".name").innerText,      quantity: 1,      price: 100,    };    const response = await fetch("https://florabijoubackdef.vercel.app/create_preference", {      method: "POST",      headers: {"Content-Type": "application/json",      },      body: JSON.stringify(orderData),    });    const preference = await response.json();    createCheckoutButton(preference.id);  } catch (error) {    alert("error :(");  }});

const response = await fetch("https://florabijoubackdef.vercel.app/create_preference" , {        method: "POST",        headers:{"Content-Type": "application/json",        },        body: JSON.stringify(orderData),    });    const preference = await response.json();    createCheckoutButton(preference.id);}catch (error){    alert("error");}

});


Viewing all articles
Browse latest Browse all 213

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>