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?