Извлеките содержимое CSV с помощью AXIOS GET и VUE JS — возвращает ошибку тайм-аута

#vue.js #csv #axios

Вопрос:

У меня есть CSV-файл с внешнего хоста.

Я хотел бы получить содержимое CSV-файла и прочитать его в своем компоненте VUE JS.

Например, расположение в формате CSV: https://my-host.com/file-name.csv

 let host = 'https://host-name.com/';
let filePath = 'file-name.csv';
try {
  let response = await axios.get(`${host}${filePath}`, {}, {});
  this.csv = response.data;
} catch (err) {
  console.log(err);
}
 

Я получаю следующую ошибку: net::ERR_CONNECTION_TIMED_OUT :

 Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:69)
 

Я попытался настроить axios с помощью:

axios.defaults.timeout = 500000;

Есть еще какие-нибудь предложения?

Спасибо.

Ответ №1:

Мне удалось решить эту проблему. Не удается получить доступ к внешнему URL-адресу из внешнего интерфейса из-за cors policy .

Откройте конечную точку сервера, которая занимается доступом к внешним файлам. Интерфейс достигает новой конечной точки, которая возвращает содержимое файла.