Estoy tratando de obtener datos de la API pública de Deezer que se encuentra aquí: https://api.deezer.com/ .

Para obtener esos datos, estoy usando RTK-Query de reduxtoolkit así (para luego usarlo en mis componentes usando ganchos que obtengo de cada punto final):

 export const deezerApi = createApi({ reducerPath: 'deezerApi', baseQuery: fetchBaseQuery({ baseUrl: 'https://api.deezer.com/', mode: "cors", ==> enable cors here prepareHeaders: (headers) => { headers.set('Access-Control-Allow-Origin', '*') ==> what i tried but still not working // headers.set('Access-Control-Allow-Methods', 'GET') // // headers.set('Access-Control-Allow-Headers', '*') // return headers }, }), endpoints: (builder) => ({ getChartArtists: builder.query({ query: () => `chart/artists`, }), // More endpoints }), })

Aquí está el error que obtengo:

El acceso para buscar en 'https://api.deezer.com/chart/albums' desde el origen 'http://localhost:3000' ha sido bloqueado por la política de CORS: la respuesta a la solicitud de verificación previa no pasa la verificación de control de acceso: No El encabezado 'Access-Control-Allow-Origin' está presente en el recurso solicitado. Si una respuesta opaca satisface sus necesidades, establezca el modo de solicitud en 'sin cors' para obtener el recurso con CORS deshabilitado

Recibo este error si agrego o no esta línea de código:

 headers.set('Access-Control-Allow-Origin', '*')

Cuando miro la consola de red, parece que se agregó al encabezado de mi solicitud...

¿Alguien sabe qué le pasa o tiene alguna solución?

Gracias por tu ayuda !