I'm trying to set apikey in the header of req-- it gives me Cors error when done locally, though when done on postman it goes through

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:

Access to XMLHttpRequest at '"urlParam"creative_ad?product_name=asdf&product_description=asdf&platform=asdf&audience=asdf&ad_tone=asdf' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

how do I insert the header portion in axios?