Estoy tratando de configurar apikey en el encabezado de req: me da un error de Cors cuando se hace localmente, aunque cuando se hace en cartero pasa
export const fetchCreativeAd = createAsyncThunk( 'creativeAd/fetchCreativeAd', async (payload, thunkAPI) => { try { const urlParam = process.env.NEXT_PUBLIC_AWS_ENDPOINT; const response = await axios.get( `${urlParam}/creative_ad?product_name=${payload.productName}&product_description=${payload.productDescription}&platform=${payload.platform}&audience=${payload.audience}&ad_tone=${payload.adTone}`, { headers: { 'x-api-key': `${process.env.NEXT_PUBLIC_AWS_API_KEY}`, }, } ); res.data.headers['x-api-key']; console.log(process.env.NEXT_PUBLIC_AWS_API_KEY); return response; } catch (error) { return thunkAPI.rejectWithValue({ error: error.message }); } } );Cors error:
El acceso a XMLHttpRequest en '"urlParam"creative_ad?product_name=asdf&product_description=asdf&platform=asdf&audience=asdf&ad_tone=asdf' 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 el control de acceso comprobar: No hay ningún encabezado 'Access-Control-Allow-Origin' en el recurso solicitado.
¿Cómo inserto la parte del encabezado en axios?