Comunidade

Ao realizar o POST na rota:

https://sandbox.api.pagseguro.com/orders

Mesmo passando as informações corretas gera o erro CORS

Veja o trecho do código em REACT JS - Typescript

=========

import axios from "axios";

const token = 'MY_TOKEN';

const url = 'https://sandbox.api.pagseguro.com/orders;

const headers = {
'Authorization': Bearer ${token},
'Content-Type': 'application/json',
'Access-Control-Allow-Origin': '*', // Permitindo todas as origens (ajuste conforme necessário)
};

const config = {
headers,
credentials: 'include',
withCredentials: false, // Habilitando o uso de credenciais (cookies, por exemplo)
crossdomain: true, // Permitindo requisições cross-domain
validateStatus: () => true, // Permitindo o tratamento de códigos de status não-padrão
};

const trx = await axios.post(url, payload, config);

=========

Mesmo ambiente online na VERCEL apresenta o mesmo erro:

+++++++++
POST https://sandbox.api.pagseguro.com/orders net::ERR_FAILED

Access to XMLHttpRequest at 'https://sandbox.api.pagseguro.com/orders' from origin 'https://atctech-checkout-git-feat-billet-daniloras.vercel.app' 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.

+++++++++

Podem me ajudar?