Делаю запрос на сторонний ресурс - всё работает. Но в build версии сайт не работает, выпадает cors error
Итак, делаю запрос через своё React приложение вот на этот сторонний сайт https://api.magiceden.dev/#4108c3be-753f-49af-88c4-14f0ade1b8ae
Всё работает , объект с данными получаю. Когда делаю npm build и помещаю на сервер своё приложение, тогда уже этот запрос не работает и вылезает cors error. Есть ли какое-то решение этой проблемы для задеплоиной версии моего приложения. Без бэкэнда и прокси серверов. Ведь этот сторонний ресурс говорит мне, что его данные открыты для всех, почему тогда cors ругается? Код отправки запроса прилагаю.
async function getTokens() {
const url = "https://api-mainnet.magiceden.dev/v2/launchpad/collections?offset=0&limit=499"
let requestOptions: any= {
method: 'GET',
redirect: 'follow',
};
await fetch(url, requestOptions)
.then(response => response.text())
.then(result => {
console.log(JSON.parse(result))
let data = JSON.parse(result)
let results = []
let date = new Date().toDateString();
for (let i = 0; i < data.length; i++) {
if (Date.parse(data[i].launchDatetime) > Date.parse(date)) {
results.push(data[i])
}
}
const sortedResults = results.sort((a, b) => Date.parse(a.launchDatetime) - Date.parse(b.launchDatetime) )
setCollections(sortedResults)
})
.catch(error => console.log('error', error));
}