Erro com o response text

Olá, estou desenvolvendo uma pagina com o que aprendi no curso, e ao tentar puxar os dados de uma api que eu fiz e exibir na tela via console log recebo o seguinte erro:

Access to XMLHttpRequest at 'https://api-product-list.herokuapp.com/Product-List' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

consuming.js:14 GET https://api-product-list.herokuapp.com/Product-List net::ERR_FAILED
(anonymous) @ consuming.js:14

Não sei o porquê do erro, pois o Javascript não tem nenhum erro até onde vi, mas caso alguém queira ver ele deixarei o código abaixo:

var botaoAdicionar = document.querySelector("#btn-api");

botaoAdicionar.addEventListener("click", function(){

    var xhr = new XMLHttpRequest();
    xhr.open("GET", "https://api-product-list.herokuapp.com/Product-List");

    xhr.addEventListener("load", function(){

        console.log(xhr.responseText);

    });

    xhr.send();

});