Запросы к серверу с библиотекой Axios

Чтение, запись, обновление и удаление данных на сервере через JavaScript-код с библиотекой Axios, которая одинаково успешно работает как в браузере, так и на NodeJS. Разбираем API и возможности конфига.
00:00 Введение
02:11 Начало работы с axios
03:46 GET запрос и разбор ответа
08:01 Опции HTTP-запроса
11:24 Работа с другими типами запросов
14:57 Альтернативный синтаксис
18:02 Request config
19:39 Обработка ошибок
22:33 Дополнительные возможности
#javascript #js
_
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep

[@denisfrolov5799]

Спасибо, все кратко и понятно, а главное обо всем что нужно для работы рассказал. Наиогромнейшее спасибо!

[@functionExpression]

Просто огонь, лаконично и доступно , спасибо

[@mikhail_shokun]

Спасибо огромное Михаил, все толково, четко и ясно

[@Xoma18]

Очень доступно про axios! Стало всё прозрачно.

[@user-np4vg9pc5o]

Лучшее видео про axios что я смог найти на просторах сети. Спасибо!!!

[@daryaNik]

Михаил, спасибо за ролик)))начинающей мне разобраться очень помог в этом всем разнообразии)очень понятно и доходчиво объяснили))

[@stanis_ts]

спасибо! ценный материал,доходчиво)

[@tomaraya3257]

Как практикант в JS благодарю за доходчивое повествование. После изучения fetch зашло легко. Сейчас поищу как во vue использовать и пойду тестить.

[@user-rm1ly8td9w]

Огромное спасибо за материал!!

[@user-mq3cl1wg8h]

Хорошее видео! Благодарочка, лойс!

[@user-dz9pu4em8e]

На конец то то что я искал, лайк

[@daniilpinchuk]

Спасибо большое,очень крутой контент !!

[@user-yo3ie2hw9f]

Отлично подаешь материал! Для джуна инфа полезная да и некоторым мидлам бы не помешала.

[@Ksen14]

Отличный ролик. Спасибо

[@beha8675]

Спасибо круто объяснили!

[@oleksiirohochyi1709]

хороший контент. Приятно смотреть. Для полной красоты еще бы таймкоды проставить :)

[@user-bg7ni7og9f]

красота. респект и уважуха

[@user-pv4mh2xd6e]

какой же у тебя голос приятный

[@yakut54]

Лайк! Михаил, очень классно объясняешь )

[@user-bi7ep1dr7l]

Спасибо, очень помог

[@svetlanaprus4817]

Spasibo!

[@maksatttologonov9432]

Спасибо большое!

[@dasi4301]

Не за что

[@olenakunina1]

спасибо помогло))

[@laziz_0522]

Спасибо!

[@BirTutamTemeki]

Спасибо , еще было бы круто если бы оставляли ссылки на используемые сайты и прочее (не то что бы я жаловался но так удобнее )

[@Armas0n]

Спасибо за полезную информацию. Единственное что, фортните по-другому произносится :D

[@mishanep]

:D

[@unicoxr5tj417]

да, в ру-сегменте лучший урок)

[@munutd9857]

👍👍👍👍👍👍👍👍👍👍

[@user-uf3br1rd1j]

спасибо за видео.я в пк вообще ничего не понимаю .и смотреть юоюсь и лень т к все равно не пойму не попользуюсь я услышала это слово смотря по интернет интернет трансляцю богослужения.великое дело интернет трансляции! в церковь не пустили помогли посмотреть по интернету I чтотакое аксиос?-а я не знаю.

[@glebf1854]

Аминь

[@Host-Tach]

что за тема в вс коде?

[@rodgerbrio5818]

я вот только не пойму такой нюанс: если мы конвертим проект в babel для работы в старых браузерах, разве есть смысл в axios ?

[@mishanep]

Безусловно есть. Для кого то это будет вопросом предпочтения, для кого-то более декларативным подходом, благодаря возможностям axios, для кого то простота использования (нам не надо вручную туда сюда преобразовывать json), ну и axios работает на nodejs, а fetch нет (иногда это тоже может играть роль, например, при тестировании).

[@Viktorres1]

Очень жаль, что в вашем видео нет метода patch. Хотел узнать есть ли возможность пробежаться по массиву объектов и проставить всем ключам допустим значение true. Нигде не могу найти как это сделать. Мне кажется, что это можно только сделать только с методом patch.

[@mishanep]

Думаю подобную подготовку данных нужно сделать на фронте перед отправкой. И да, обновить данные методом patch. Но к подготовке данных напрямую это отношение не имеет. Вам просто замапить вашу коллекцию надо.

[@Viktorres1]

@@mishanep подскажите, пожалуйста, как можно методом patch заменить весь объект на новый объект? Где можно код посмотреть?

[@mishanep]

@@Viktorres1 patch существует для точечного обновления, хотя никто не мешает передать в качестве содержимого полностью обновленный объект. Просто при отправке данных отправьте новый объект целиком. Айдишник только не трогайте.

[@Viktorres1]

@@mishanep я просто не знаю как мне заменить весь массив, todos например, на новый. Не знаю как это выражение прописать.

[@mishanep]

Тогда вам прямая дорога к моему плейлисту Фундаментальный JavaScript. Если точнее, то к методам массива.

[@user-wc9kq3mi4o]

А у вас есть видео TS + Axios? Только не в Реакте

[@mishanep]

Не было такого :)

[@MrKu39]

Почему-то качество только 360р уже 2й день.

[@user-oq2qz8qy8h]

Ребят, подскажите . Я также делаю аксиос гет запрос к серверу с данными, у меня получилось их записать в хук useState, но я не могу вывести их так как выдает ошибку в строке posts.map, ошибка в том что хук useState не массив а объект, а .map применяется только к массивам, но я не понимаю как мне тогда быть.

[@dzmitryaliashkevich6664]

Object.entries например

[@dmitryeneier3449]

Спредом бахнуть их в массив и после мапить уже...

[@melitopol_Russia]

кто понимает, объясните пожалуйста, при авторизации что можно указывать в headers: { Authorization: ? часто вижу, что сюда пишут "Bearer " + token, но почему именно так? }

[@mishanep]

Здравствуйте. Есть разные варианты авторизации. Где попроще, будет просто статичный ключ, где-то посложнее скорее всего будет JWT или JSON Web Token, который динамический и часто идёт с префиксом, про который вы спрашиваете.

[@melitopol_Russia]

@@mishanep , а есть api где можно попробовать сделать авторизацию, просто пробовал с json placeholder, там нет токена никакого, почитал за это, в теории понял, но откуда брать токен не совсем ясно. Можете объяснить если не трудно? и какие параметры вообще указывать в Authorization, могу ли я просто поля с формы по типу пароля туда присвоить и потом зайти по таким данным?

[@mishanep]

С JWT открытых API не знаю. fortniteapi.io для работы дает ключ, который как раз через заголовок авторизации посылать надо, можно начать с этого. Там много интересных апишек. Касаемо полей формы, то они в body передаются.

[@mishanep]

developer.todoist.com/guides/ этот сервис предоставляет работу с токенами.

[@Igoigo666]

Все установил. но выдает вот это Cannot read properties of undefined (reading 'get') как будто бы нет этого метода у аксиос. Не могу понять в чем может быть проблема ((

[@mishanep]

Так ошибка говорит скорее о том, что это axios определился как undefined

[@Igoigo666]

@@mishanep аксиос установил в зависимости. В json он есть. Причем через vue он работает, а если запускаю в ноде, то вот такая ошибка ( Не разобрался

[@aheroofourtime2415]

@@Igoigo666 без дефолта, тоже столкнулся с данной проблемой. Просто пропиши: const axios = require("axios");

[@Igoigo666]

@@aheroofourtime2415 спасибо, дружище

[@user-kp6ys7vs6d]

6:06

[@kodmanspp6724]

Олды: фортнИте, Маслята: фОртнайт

[@kreynmocanu]

Ммм, а где звук

[@mishanep]

Звук на месте. Может временный глюк какой был.

[@kreynmocanu]

@@mishanep спасибо, сегодня посмотрел появился, может баг был вчера, очень полезный ролик

[@MaiklTil]

не очень

[@zakiro4277]

5:24 при наборе команды $ node index.js в терминале выдает ошибку. "Имя "$" не распознано как имя командлета" подскажите люди добрые)

[@zakiro4277]

надо набрать в терминале без знака доллара тогда запустится "node index.js"

[@mishanep]

Так и есть. Доллар я не набираю на видео. Он просто всегда отображается в консольной среде bash.

[@tgg124]

Столкнулся с проблемой. Написал парсер сайта, который исправно работал, но со вчерашнего вечера при какой-то неудачной попытке подключить к gitHub'у ответ с любого сайта на get запрос стал приходить в закодированном виде (типа такого 32�fR��•F�Z^G�C��M�bɛ). Что не так я сделал и как это исправить?