Problem when requesting API using Xmlhttprequest

Question

I am developing a system in pure Javascript. (Yes I want to do, even knowing the limitations rsrsrs) However I can’t access the API as it generates the following error when I do some request for API.

Following is an attachment to the bug and my code:

Error:

Code:

var minhaPromisse = function () {
return new Promise(function (resolve, reject) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'https://pro-api.coinmarketcap.com/v1/cryptocurrency/listings/latest');
    xhr.setRequestHeader("X-CMC_PRO_API_KEY", 'MINHA-KEY-DA-API');

    xhr.send();

    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                resolve(JSON.parse(xhr.responseText));
            } else {
                reject('Erro na requisição')
            }
        }
    }
});
}

minhaPromisse()
    .then(function (response) {
        console.log(response);
    })
    .catch(function (error) {
        console.log(error)
    });

Answer 1

Try to insert this header after what you have already entered before submitting the request:

xhr.setRequestHeader('Access-Control-Allow-Origin', '*');