Tengo un problema con CORS al enviar la solicitud POST:
Aquí está mi código:
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 []; } }; Descubrí que necesito configurar Access-Control-Allow-Origin en los encabezados, y lo hice de 2 maneras. El primero:
const api = axios.create({ baseURL: 'http://localhost:8084', headers: { post: { "Access-Control-Allow-Origin": true } } })Y el segundo:
const { data } = await api.post(`post-tip`, payload, { headers: { "Access-Control-Allow-Origin": true } }); Ambos funcionan y en el encabezado de la solicitud puedo ver esta línea Access-Control-Allow-Origin: true . Pero sigo recibiendo este error, así que, ¿cuál es el problema?
Este error de su backend, usa axios post desde el front-end, pero necesita establecer el encabezado "Access-Control-Allow-Origin": verdadero en su backend.
este error probablemente provenga del servidor. ¿Estás tratando de llegar a tu propia API? Si lo hace, el error podría estar allí.
Veo que lo etiquetaron express, así que consulte esta página, debe contener toda la información que necesita