Как сохранить содержимое external файла Csv в переменную в Javascript?

Question

[Mmx Symfony]

Не могу понять что я делаю нне так? Мне нужно значения тело файла Csv передать в переменную

const url = "http://www.aaa.com/uploads/1.csv"; // 
fetch(url, {
    mode: "no-cors",
    headers: {
        'Content-Type': 'text/csv'
    }
})
    .then(response => {
        return response.ok ? response.text() : Promise.reject(response.status);
    })
    .then(text => {
        return console.log(text.toString())
    })
    .catch(error => console.log("Can’t access " + url + " response. Blocked by browser?" + error))

Ошибка

Can’t access http://www.aaa.com/uploads/1.csv response. Blocked by browser? 0

Comments

[Алексей Уколов]

В чём проблема-то? Ошибка какая-то? Какая?

[Mmx Symfony]

Алексей Уколов,

Can’t access http://www.aaa.com/uploads/1.csv response. Blocked by browser? 0

Не подскажите куда копать ?

[Алексей Уколов]

В сторону вкладки Network в DevTools.

Answer 1

[Mmx Symfony]

Роман Якимчук
Вы правы, блокировал CORS.

С решением помог Надим Закиров

Я использую в качестве Web-server Nginx. Нужно было добавить заголовок с сервера Access-Control-Allow-Origin * чтобы получит csv.

server {
        location ~* \.(csv)$ {
                add_header Access-Control-Allow-Origin *;
        }
}

Answer 2

[Роман Якимчук]

Can’t access www.aaa.com/uploads/1.csv response. Blocked by browser? 0

Код 0 указывает на сетевые проблемы. Проверьте доступность ресурса, чтобы исключить сетевые проблемы.
Если ресурс доступен, то проблема на стороне браузера, копайте в сторону безопасности и сертификатов (обычно в сторону CORS или сертификатов HTTPS).