Взаимосвязь Frontend и Backend Express JS с помощью Axios и CORS | REST API | Политика CORS

В этой видео-демнострации, я привел пример клиент-серверного взаимодействия Фронтенда и Бэкенда. Чтобы наглядно рассмотреть, как происходит сама связь клиента с сервером и какие нюансы следует учитывать при составлении Rest API.
Что касается политики CORS. Эта политика предполагает, что ресурсы сервера становятся доступны для клиента (фронтенда) только после предоставления ему доступа и включения его в список доверенных клиентских агентов, которые могут свободно отправлять запросы на данный сервер.
В видео для настройки CORS-соглашения была использована библиотека "cors"

команды из видео:
npm init -y - инициализация Node проекта и файла package.json;
npm install express - установка фреймворка Express;
npm install nodemon - установка наблюдателя изменений файлов проекта;
npm install body-parser --save - установка библиотеки чтения тела запроса;
npm install cors - установка библиотеки cors

скрипт в файле package.json:
"start": "nodemon ./server.js"

Если не используете nodemon:
"start": "node ./server.js"

Обращайтесь в комментариях с любыми вопросами касаемо темы видеоролика. В случае, если не понятен какой-либо момент из видео, а также, если есть предложения по улучшению контента, пожалуйста, обращайтесь в коментарии под видео и я постараюсь ответить на все ваши вопросы.
Если есть возражения насчет моего примера в целом, пишите в комментарии свой способ решения и я его рассмотрю.

Я стараюсь абстрагировать свой контент от лишних деталей, и доносить до зрителей структурированный, организованный и хорошо описанный материал, который кому-то возможно поможет в понимании устройства работы веб-приложений или поможет в решении реальной проблемы.

00:00 - Вступление
00:22 - Создаем проект с клиентом
03:32 - Создаем сервер Express
04:31 - Объявление порта через сеттер
06:32 - Пример с перменной port
07:07 - Установка nodemon
08:50 - Установка axios
09:47 - Создание GET-запроса на клиенте
12:32 - Ошибка CORS
13:09 - Установка библиотеки cors
13:55 - Документация Express CORS
14:33 - Конфигурация CORS
15:45 - Создание POST-запроса
18:07 - Потеря данных тела POST-запроса
18:55 - Настройка библиотеки body-parser
20:15 - Заключение

#frontend | #frontenddeveloper |#webdevelopment | #axios | #CORS | #middleware |#expressjs | #backend | #javascript | #javascript_projects | #rest | #restapi | #html | #vscode | #nodejs | #network | #code