Estoy tratando de enviar datos de front-end a back-end. Aquí está mi frente:
import axios from 'axios' const api = axios.create({ baseURL: `${process.env.BASE_FRONT_URL}`, // process.env.BASE_FRONT_URL = http://localhost:8010 }) export const postTip = async (payload) => { try { const { data } = await api.post(`post-tip`, payload); return data; } catch (e) { return []; } };Y aquí está el back-end:
const router = require('express').Router(); const tipController = require('../controllers/tips/tipController') router.post('post-tip', tipController.postTip); Esa función tipController.postTip en realidad solo recibe y muestra datos, pero cuando activé este punto final, aparece el error: POST http://localhost:8010/undefined/post-tip 404 (Not Found) . Entonces, ¿qué tiene de malo el punto final y cómo puedo hacer que funcione? Además, no tengo idea, ¿de dónde viene este undefined ? ¿Me estoy perdiendo de algo?
He encontrado mi error. En realidad, process.env.BASE_FRONT_URL no estaba undefined , así que lo hice así:
import axios from 'axios' const api = axios.create({ baseURL: 'http://localhost:8084', }) export const postTip = async (payload) => { try { const { data } = await api.post(`post-tip`, payload); return data; } catch (e) { return []; } };Pero lo más importante es que en el back-end tengo que usar el mismo puerto (8084)