Потребляющая API

Я хотел бы взаимодействовать с моим API из веб-страницы, которая создает необходимость понять, как потреблять мою API. Я начну с учетом данных на консоли, когда я настрою данные рендеринга в качестве веб-контента. Я буду использовать библиотеку Axios, чтобы получить данные из API. Для начала я добавил и связал файл index.html и index.js. Затем включал библиотеку Axio.

Я также создал функцию самоуверенности в Index.js и использовал Async/ждать, чтобы ждать обещания.

(async () => {
  const response = await axios({
    url: 'http://localhost:4000/habittracker/habits',
    method: 'get'
  })
console.log(response);
})()

Это привело к COR Ошибка . Отказ

Чтобы исправить, что я установил CORS: NPM установить CORS , включал его в мой файл App.js и использовал его как промежуточное программное обеспечение.

const cors = require('cors');
app.use(cors());

Данные теперь вышли в систему в консоли:

В консоли много метаданных, что я не заинтересован в данный момент; Чтобы получить только массив привычек только, я обновит ответ в Console.log с:

console.log(response.data);

Это оставляет меня только привычкам на консоли:

Вот это за день 13

Оригинал: “https://dev.to/mtee/consuming-api-s-1e86”