Mi aplicación se ejecuta en localhost: 3000
Estoy tratando de llamar a una API desde un dominio diferente "https://redcap-internal.indocresearch.org/api/" dentro de mi aplicación.
Agregué un proxy en el archivo package.json de mi aplicación de reacción como:
"proxy": "https://redcap-internal.indocresearch.org/api/",Estoy usando axios para llamar a la API y mi código es como el siguiente:
function createRedCapRecordAPI(containerGUID) { return axios({ url: "https://redcap-internal.indocresearch.org/api/", method: "POST", data: { token: REDCAP_TOKEN, content: "record", format: "json", type: "flat", overwriteBehavior: "normal", forceAutoNumber: false, data: [{ record_id: containerGUID }], }, }); };Sigo recibiendo un error del navegador dice
Access to XMLHttpRequest at 'https://redcap-internal.indocresearch.org/api/' from origin 'http://localhost:3000' has been blocked by CORS policy:Alguien sabe hay algo mal?
Se deben agregar encabezados cors, como Access-Control-Allow-Origin y Access-Control-Allow-Headers en este lado del dominio https://redcap-internal.indocresearch.org/api/ . No puedes arreglarlo solo de tu lado