Ошибка CORS при использовании .page.js, но не .page.server.js для получения внешнего ресурса csv с помощью SvelteKit ⇐ Javascript

[Anonymous]

Есть много подобных вопросов, но ни один из них не помог мне понять эту базовую проблему простым английским языком.
Я пытаюсь получить данные из этого CSV-файла в своем приложении SvelteKit. .
Сначала я попытался загрузить его с помощью функции загрузки в файле +page.js следующим образом:

Код: Выделить всё

//+page.js
import Papa from 'papaparse';
export async function load({ fetch }) {
const res = await fetch(
'https://sites.ecmwf.int/data/climatepulse/data/series/era5_daily_series_2t_global.csv'
).then((r) => r.text());
const { data } = Papa.parse(res, { header: true });
return { data };

Однако я получаю эту ошибку на сервере (мой терминал, где я запустил dev-сервер)

Код: Выделить всё

Error: CORS error: No 'Access-Control-Allow-Origin' header is present on the requested resource at universal_fetch (
node_modules/@sveltejs/kit/src/runtime/server/page/load_data.js:257:12) at process.processTicksAndRejections (node:internal/process/task_queues:105:5)

Насколько я понимаю, здесь происходит то, что locahost отправляет запрос на выборку к этому ресурсу, но это не разрешено. Прав ли я, полагая, что я ничего не могу с этим поделать, но серверу, на котором находится файл, придется что-то изменить в своих настройках?
Когда я помещаю тот же файл в +page.server.js, я могу получить ресурс, поскольку запрос поступает с моего узла-сервера, верно? Тогда я могу передать данные во внешний интерфейс, верно?
Я знаю, что это действительно простой вопрос, но он вызывает у меня много путаницы. Тем более, что я только что попытался прочитать файл с помощью R и функции read_csv без каких-либо проблем. Почему это работает так гладко, а выборка на интерфейсе — нет?

Подробнее здесь: https://stackoverflow.com/questions/793 ... nal-csv-re