Vue Router. Роутинг в браузере. Spring Boot REST HD

22.01.2019
Spring Boot Rest Application: настраиваем VueRouter для навигации между страницами без перезагрузки с сохранением истории перемещений. Код из видео: https://github.com/drucoder/sarafan/tree/VueRouter Первым делом необходимо настроить наш сервер, чтобы вместо отдачи 404 ошибки он возвращал главную страницу приложения, чтобы все заботы по обработке ошибки достались браузерному приложению. Следующим шагом идём в документацию VueRouter в раздел "Установка": https://router.vuejs.org/ru/installation.html И копируем там команду установки VueRouter: yarn add vue-router или npm install vue-router После чего настраиваем роутер по образцу на этой же странице. Не забываем переключиться в режим Html5 history, чтобы использовать красивые пути без знака # в них: https://router.vuejs.org/ru/guide/essentials/history-mode.html#%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80%D1%8B-%D0%BA%D0%BE%D0%BD%D1%84%D0%B8%D0%B3%D1%83%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BE%D0%B2 Видео по SparkJava микрофрейворку: https://youtu.be/QffeZLzatwU После настройки маршрутов мы добавим страницу профиля пользователя, т.к. у нас уже есть все необходимые для этого данные. При оформлении страницы мы будем подглядыватьв документацию Vuetify: https://vuetifyjs.com/ru/getting-started/quick-start Видео по подключению Vuetify в проект: https://youtu.be/jmpxRAGJ5v0 В процессе нам нужно будет вспомнить, как пользоваться vuex: https://youtu.be/AMb2QeeRtPM И как отлаживать JS код в браузере: https://youtu.be/8ZKgsdxSdTc Также стоит освежить память о жизненном цикле элементов Vue по этой схеме: https://ru.vuejs.org/v2/guide/instance.html#%D0%94%D0%B8%D0%B0%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0-%D0%B6%D0%B8%D0%B7%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B3%D0%BE-%D1%86%D0%B8%D0%BA%D0%BB%D0%B0 ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ ➡ Твиттер: https://twitter.com/letsCodeDru ➡ Группа Вконтакте: https://vk.com/letscodedru ➡ Канал в Telegram: https://t.me/letsCode_dru ➡ Чат в Telegram: https://t.me/joinchat/FeiP9xEhqHajfqhLr4z-Nw ➡ Сервер в Discord: https://discord.gg/xs6XxSx ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ Поддержать проект: ➡ Patreon https://www.patreon.com/letscodedru ➡ Яндекс.Деньги https://money.yandex.ru/to/41001451675086 ➡ PayPal paypal.me/letscodedru ➡ Qiwi https://qiwi.me/letscode ➡ WebMoney/BitCoin https://funding.webmoney.ru/d/drucoder ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ ➡ Ссылка на канал: https://www.youtube.com/channel/UC1g3kT0ZcSXt4_ZyJOshKJQ ➡ Ссылка на Яндекс.Дзен: https://zen.yandex.ru/media/id/5ac20956168a91ffeae449c5

Похожие видео