Ошибка политики CORS в приложении react при интеграции Zoho meeting api

Я пытаюсь интегрировать zoho meetings в мое приложение (React - front end и django - backend).

При получении маркера доступа я получаю следующую ошибку.

Access to fetch at 'https://accounts.zoho.com/oauth/v2/token?code=1000.53axxxxxxxxxxxxxxxxxxxxxxxxxx2e8e5eb43cfe53005f8d93490&client_id=1000.PGPL8RK7R54UR7JSNKTM2ZRETSF4CI&client_secret=xxxxxxxxxxxxxxxxxxx&redirect_uri=http://localhost:3000/app_store/zoho_meet&grant_type=authorization_code' 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. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

вот часть моего кода axios`

    headers: {
        'Content-Type': 'application/x-www-form-urlencoded', 
        'Accept': 'application/json',
         "Access-Control-Allow-Origin": "*",
      } 
})

const url = `https://accounts.zoho.com/oauth/v2/token?code=${zcode}&client_id=1000.xxxxxxxxxxxxxxxI&client_secret=92821f12d14cf11162891xxxxxxxxxxxxxxxxxxxx&redirect_uri=http://localhost:3000/app_store/zoho_meet&grant_type=authorization_code`
publicAxios.get(url)
.then((res)=>{
    console.log(res)
})
 .catch((err)=>{
        console.log(err)
})

` может ли кто-нибудь помочь мне, какие шаги я пропустил здесь

?

Я смог подключиться к API Zoho из своего приложения React с помощью бессерверных функций Netlify (функции AWS Lambda под капотом). Я делаю все вызовы Api через бессерверные функции. Api вызовы к Zoho не работают с ошибкой CORS при запуске в браузере (на стороне клиента). Они должны выполняться на сервере. Можно также использовать функции Google, но я не пробовал. Документация Netlify великолепна.

Вернуться на верх