Size: a a a

Nuxt.js | Vue SSR

2021 June 09

НК

Николай Куртеев... in Nuxt.js | Vue SSR
это не к роботам а к open graph метатегам, https://developers.facebook.com/tools/debug/?locale=ru_RU
источник

💪

💪😕 in Nuxt.js | Vue SSR
Задача тривиальная, это я туплю с этим фетчем )
источник

💪

💪😕 in Nuxt.js | Vue SSR
даже писать не охота, буду пробовать
источник

КГ

Кирилл Голубев... in Nuxt.js | Vue SSR
то есть, как я понял, он всё-таки игнорирует badmoney=1 и редиректит к оригиналу или же дело в том, что он по og:url и проводит редирект?
источник

НК

Николай Куртеев... in Nuxt.js | Vue SSR
og:title  и og:image пропиши  вручную какие должны быть и всё
источник

КГ

Кирилл Голубев... in Nuxt.js | Vue SSR
так они и прописаны
источник

A

Aquinary in Nuxt.js | Vue SSR
Ну ты можешь перерендерить  весь компонент через :key. Тогда у тебя fetch повторно сработает
Но это такое, не самый лучший выход
Можно сделать this.fetch() в том же компоненте, который ты хочешь (я хз можно ли сделать вызов fetch метода одного компонента из другого)
Либо через fetch делать первичное получение данных:
  async fetch() {
   await this.$store.dispatch('user/get_friends')
 },

Потом работать с этими данными. Но тут нюанс, чтобы стейт стора менялся и computed метод срабатывал, надо чтобы actions что-то возвращала с сервера:
  async friend_request_send({commit, dispatch}, username) {
   // Отправить запрос дружбы
   const {data} = await this.$axios.get('/users/friends/' + username + '/send')
   commit('set_friends', data)

Мб это как-то упростить можно, но вчера просидев полдня нужных результатов я добился только так. Мне надо было обновлять v-for список и он по другому ну никак не хотел нормально это делать
```
источник

КГ

Кирилл Голубев... in Nuxt.js | Vue SSR
они есть, но фейбсук будто смотрит страницу https://quasa.io/dayq, а не https://quasa.io/dayq?badmoney=1
источник

💪

💪😕 in Nuxt.js | Vue SSR
Спасибо Большое! попробую сейчас! . по идее то что мне нужно ) я думал обязательно .fetch(url).then() надо использовать, чтобы оно работало
источник

НК

Николай Куртеев... in Nuxt.js | Vue SSR
попробуй в og:url прописать правильный урл
вобще я думаю что он просто игнорирует гет параметры
источник

A

Aquinary in Nuxt.js | Vue SSR
Можно ещё офф доку читануть по реактивности) Вчера это прям очень помогло
Т.е. когда знакомишься с фреймворком читаешь и не понимаешь про что там, а когда с этим поработаешь, разберёшься что нужно и что хочешь, то доки потом становятся внезапно понятнее
https://ru.vuejs.org/v2/guide/reactivity.html#ad
источник

💪

💪😕 in Nuxt.js | Vue SSR
Спасибо! Да вроде с vue нет проблем, с нукстом грабли, сейчас почему то не жует const { data } = await this.$axios.$get('http://127.0.0.1:8000/api/preload/'), undefined и всё
источник

A

Aquinary in Nuxt.js | Vue SSR
А на сервер запрос приходит? С 200 OK?
источник

💪

💪😕 in Nuxt.js | Vue SSR
да
источник

A

Aquinary in Nuxt.js | Vue SSR
Попробуй .get вместо $get
источник

💪

💪😕 in Nuxt.js | Vue SSR
лол, спасибо!
источник

💪

💪😕 in Nuxt.js | Vue SSR
Подумал, запихаю я это в .then и облом, в компоненте undefined, я писал что знаю vue, как удалить?)
источник

A

Aquinary in Nuxt.js | Vue SSR
В then что-то
await $axios.get(api).then(response => (post = response.data))

Вроде как-то так должно работать
источник

💪

💪😕 in Nuxt.js | Vue SSR
работает. но почему то компонент начинает до ответа уже рендерить и ругается, что данных нет
источник

A

Aquinary in Nuxt.js | Vue SSR
Ну да, вызов же асинхронный
Поэтому нужно возвращать данные через computed
Чтобы данные подгрузились после подгрузки
источник