from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Olá, estou tentandor puxar os dados de uma api e exibir o Json 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.

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

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 xhr = new XMLHttpRequest();
xhr.open("GET", "https://api-product-list.herokuapp.com/Product-List");

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

    console.log(xhr.responseText);

});

xhr.send();