Laravel 7 VUE CRUD Получаем все записи по API

У вашего броузера проблема в совместимости с HTML5

Как работать с Vue.js и Laravel по api.

Таймкоды:

• 1:35 - Подключение к базе данных
• 2:08 - Создание базы данных
• 2:32 - Создание миграции posts
• 4:24 - Создание модели Post
• 5:28 - Шаблон App
• 5:53 - CSRF token
• 7:05 - Подключение Vue, app.js и app.css
• 10:20 - Webpack Mix - sourceMaps()
• 10:56 - Vue app.js
• 11:44 - Создание компонента Vue - App.vue
• 12:17 - Входной компонент App
• 13:36 - Структура компонентов
• 14:40 - Регистрация компонента Vue глобально
• 15:33 - Компонент верхнего меню Navbar
• 18:50 - Подключение компонента Posts
• 21:16 - Laravel API Controller
• 23:19 - Получаем все записи из базы
• 24:40 - Api resource controller
• 25:30 - api/posts
• 26:59 - Routes list
• 28:18 - Свойства объекта Data
• 29:57 - Get запрос на сервер с Axios
• 31:10 - Вывод ошибки get запроса
• 32:09 - Выносим запрос в метод getPosts
• 33:24 - Объект Response
• 34:43 - Таблица Bootstrap 4.5
• 35:25 - Вывод записей в шаблон Vue
• 37:16 - Alert как сообщение пользователю
• 38:16 - Индикатор загрузки
• 41:46 - Если get запрос не прошел
• 43:00 - Финал

Проект - https://github.com/vladneverov/Laravel7-Vue-CRUD

GitHub - https://github.com/vladneverov