@vuejs_ru
Сергей25.08.2018
11:10:24
11:10:24
Разве нукст не может нагенерить статические страницы по всем статьям или он не для этих задач?
Alex25.08.2018
11:10:36
11:10:36
GoogleAlex25.08.2018
11:10:46
11:10:46
Но
Stanislav25.08.2018
11:10:46
11:10:46
Alex25.08.2018
11:10:55
11:10:55
Если статей 100000
БОГАТЫРЪ25.08.2018
11:10:56
11:10:56
Alex25.08.2018
11:11:14
11:11:14
На каждый чих ты должен их генерить статически заново
Саша25.08.2018
11:11:54
11:11:54
а библиотек уже нет готовых?
Лично у меня это 4 функции-обёртки над axios, каждая строк по 6-10 кода, не помнюСергей25.08.2018
11:11:59
11:11:59
Я подумал а не плохо бы статически положить html все и в фоне при изменениях пересобирать их. Вынести только на апи всякие лайки, комменты и т.д
Саша25.08.2018
11:12:03
11:12:03
Не очень логично превращать это в библиотеку
S25.08.2018
11:12:13
11:12:13
Здравствуйте. Начал писать приложение на Vue, решил использовать REST API. Почитал доки по REST, все понятно как работает, но как REST "задействовать" я не понимаю... В гугле по REST нашел только информацию что это такое и как работает, но как его настроить, чтобы начать работу я не в курсе. Либо библиотеку какую развернуть на сервере, либо самому писать всю логику REST, чтобы принимал/обрабатыва все нужные запросы и так же отдавал... В общем я думаю, что есть готовые решения, но по непонятным причинам я не могу это нагуглить ни как... какой-то темный лес.
Ребят как настроить REST, чтобы начать работать с ним?
для апи тебе нужен бэкэнд. Что это будет - решать тебе. Я например Modx revoluion использую. А для фронта vue используюAlex25.08.2018
11:12:14
11:12:14
Сергей25.08.2018
11:12:16
11:12:16
Google
Valeriy25.08.2018
11:13:09
11:13:09
как получить то, перезаписать в отдельную переменную?
ну у тебя там забавная ситуация
при создании компонента вызывается три метода подряд, которые начинают выполняться асинхронно
на момент запуска category === []
потом первый выполнившийся запрос переопределяет эту переменную, поэтому при старте productsData() у тебя category.id === undefined, а после его выполнения в .then оно уже имеет значение от ранее выполненного categoryDataAlex25.08.2018
11:13:17
11:13:17
Тебе несколько дней объясняют
Mike25.08.2018
11:13:21
11:13:21
Лично у меня это 4 функции-обёртки над axios, каждая строк по 6-10 кода, не помню
можете мне пожалуйста пример скинуть этой реализации? либо может гит есть, чтобы мне понять?Сергей25.08.2018
11:13:26
11:13:26
Собирать всмысле с сервера сразу страницу?
Alex25.08.2018
11:13:33
11:13:33
Бля
Alex25.08.2018
11:13:38
11:13:38
Почитай про ssr
Молю
Как работает браузер
Когда ты урл вводишь почитай
Как работает сервер статики например который отдаёт страницы
И как это происходит
Valeriy25.08.2018
11:14:25
11:14:25
Alex25.08.2018
11:14:32
11:14:32
Нельзя работать в вебе и не понимать что происходит на уровне сети
И протоколов передачи данных
Valeriy25.08.2018
11:14:49
11:14:49
и переноса всего асинхронного кода в vuex actions
GoogleСергей25.08.2018
11:15:37
11:15:37
В моем понимании пока переход по страницам в SPA это аякс запрос
Alex25.08.2018
11:15:40
11:15:40
Оно работает на node js
Это позволяет на сервере выполнять js код
И писать твои фронт приложения так что их рендер функции могли бы выполняться на сервере
Что бы собрать по реквесту нужную страницу
Stanislav25.08.2018
11:16:41
11:16:41
В моем понимании пока переход по страницам в SPA это аякс запрос
Не обязательно, но возможно.
В случае с Vue, при переходах не всегда делается запрос за шаблоном/даннымиAlex25.08.2018
11:16:45
11:16:45
Это называется universal или изоморфный подход
Саша25.08.2018
11:16:57
11:16:57
можете мне пожалуйста пример скинуть этой реализации? либо может гит есть, чтобы мне понять?
Есть vuex action:
getPosts(context) {
return new Promise((resolve, reject) => {
axios.get('posts').then(response => {
resolve(response.data)
}).catch(error => {
reject(error)
})
})
}
По аналогии для POST, PATCH и DELETEСаша25.08.2018
11:17:40
11:17:40
Есть vuex action:
getPosts(context) {
return new Promise((resolve, reject) => {
axios.get('posts').then(response => {
resolve(response.data)
}).catch(error => {
reject(error)
})
})
}
По аналогии для POST, PATCH и DELETE
Ну я вынес функцию, которая принимает сегмент URL и может мне делать такие пачки по 4 REST-функции
Всё ещё не тянет на библиотеку)Сергей25.08.2018
11:18:16
11:18:16
То есть в случае серверного приложения, если пользователь переходит по страницам то идёт работа по rest, а в случае открытия страницы, например /about отдаётся собранная сразу?
Сергей25.08.2018
11:18:37
11:18:37
С каждым годом все тяжелее и тяжелее усваивать почему то
Alex25.08.2018
11:18:43
11:18:43
Но тебе нужно первыую страницу отрисовать
GoogleAlex25.08.2018
11:18:54
11:18:54
Дальше роутинг делает загруженное приложение
Stanislav25.08.2018
11:18:57
11:18:57
Alex25.08.2018
11:19:03
11:19:03
Но первый запрос из браузера идёт на сервер
Alex25.08.2018
11:19:13
11:19:13
Там подготавливается респонс
Это хтмл страница где будет подключено твоё приложение
По факту тупо стринга возвращается
Alex25.08.2018
11:19:58
11:19:58
Сергей25.08.2018
11:20:36
11:20:36
То есть по любому роуту отдается нужная страница?
AdminERROR: S client not available
Alex25.08.2018
11:21:01
11:21:01
Да
Потому что мета теги надо проставить для каждой страницы сразу
И отдавать в таком виде
Stanislav25.08.2018
11:21:29
11:21:29
Alex25.08.2018
11:21:34
11:21:34
Что б сео магия работала
Сергей25.08.2018
11:22:04
11:22:04
Не не, сайты то делал и не один. Но это были обычные php фреймворки
С spa тупняк у меня
Alex25.08.2018
11:22:23
11:22:23
GoogleСергей25.08.2018
11:23:01
11:23:01
Вообщем если для моей задачи spa подходит, просто пойдут тогда делать, перестану примерятся
Alex25.08.2018
11:23:03
11:23:03
Spa это не серверный гендер
Это разные понятия
Спа это про приложение в браузере
Но оно перед этим туда ещё попасть должно
Сергей25.08.2018
11:24:14
11:24:14
Spa это не серверный гендер
SPA это браузер отдал нужную собранную страницу, дальше данные подгружаются частично а не вся страница сноваAlex25.08.2018
11:24:25
11:24:25
Это приложение
Которое загрузится
И будет управлять роутингом
Без перезагрузки страницы
Сергей25.08.2018
11:25:06
11:25:06
Но если я зайду не / а /about то соберётся нужная страница сразу и дальше будет снова SPA
Упрямый25.08.2018
11:25:44
11:25:44
Пацаны, как сделать, чтоб например app.name подгрузился в инпут, но изменения в инпуте не меняли оригинальную переменную app.name
Сергей25.08.2018
11:25:47
11:25:47
Все, больше мне ничего не нужно было, могу смело брать nuxt и изучать
Саша25.08.2018
11:26:23
11:26:23
Открыть в Telegram