столкнулся с ошибкой CORS при загрузке изображения через html2canvas в React

Я сталкиваюсь с ошибкой CORS при загрузке изображения с заданного URL-адреса из laravel API. когда я загружаю изображение, оно пусто. но через laravel API я могу показать изображение в приложении React.js

ошибка, которую я получил в консоли

Access to image at 'https://api.osdtrips.com/images/781595409240.png' from origin 'http://localhost:3001' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 


cache-storage.ts:131 GET https://api.osdtrips.com/images/781595409240.png net::ERR_FAILED


index.js:1 17375d3eb78 503ms Error loading image https://api.osdtrips.com/images/781595409240.png

Я использую React.js в качестве интерфейса и Laravel в качестве сервера.

и вот код, который я использую в react.js для загрузки изображения: -

downloadImage() {
 html2canvas(document.querySelector("#divToPrint"), {
  logging: true,
  letterRendering: 1,
  allowTaint: true,
  useCORS: true,
  scrollX: 0,
  scrollY: -window.scrollY,

  async: true,
}).then((canvas) => {
  var a = document.createElement("a");
  a.href = canvas
    .toDataURL("image/png")
    .replace("image/png", "image/octet-stream");
  a.download = "somefilename.jpg";
  a.click();
});

}