Значение ключа отсутствует, когда я использую Axios

Question

Когда я использую axios для извлечения данных JSON, он не вводит начальный ключ из JSON.

Если я импортирую список вин (файл JSON) и console.log ответ, он показывает"wines:", а затем массив вин, это то, что я хочу, но мне нужно использовать axios.Когда я использую axios, чтобы получить файл JSON, он показывает только количество элементов в массиве, а затем - массив вин.Есть ли у axios способ ввести значение ключа "wines"?

Ключ JSON, который я пытаюсь получить с остальными данными, это "wines":

{ "wines": [{ "id": "f2ca57a5-d9da-4808-9164-8d6e0da0aef5",...

Это мой аксиоз:

const winesInfo = axios.get('/api/v1/wines').then(function(response) { console.log(response.data.wines); }) .catch(function(error) { console.log(error); });

Что яхочу console.log:

{wines: Array(12)}

Как выглядит мой console.log:

(12) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]

Answer 1

Вам нужен доступ к response.data для получения ключевых вин, но вы обращаетесь к response.data.wines, поэтому, очевидно, вы получите массив объектов без ключевых вин

Итак, response.data даст вам то, что выхочу

Изменить

  const winesInfo = axios.get('/api/v1/wines').then(function(response) { console.log(response.data.wines); }).catch(function(error) { console.log(error); });

На

  const winesInfo = axios.get('/api/v1/wines').then(response => { console.log(response.data); }).catch(error => { console.log(error); });