Size: a a a

Nuxt.js | Vue SSR

2021 June 07

НК

Николай Куртеев... in Nuxt.js | Vue SSR
вернее у тебя и await и then вместе
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
const {data} = await this.$axios.get(api)
this.friend_status = data
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
Вот так попробуй
источник

A

Aquinary in Nuxt.js | Vue SSR
То же самое
Т.е.
  async fetch() {
   console.log('Fetch!')
   let api = this.$store.getters['api/get_user_friends_request_status'](this.user.username)
   const {data} = await this.$axios.get(api)
   this.friend_status = data
   
   console.log(this.friend_status)
 },

При обновлении страницы, или при переходе между страницами на сайте я получаю none
Потом чуть меняю код, сохраняю, компонент перерисовывается
Меня ещё напрягает то, что в доках хоть и сказано про '$route.query': '$fetch', но только он всегда у меня пустой и хрен знает за чем там ватч смотрит
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
'$route.query': '$fetch' нужен для того. что бы при изменении урла, fetch отрабатывал заного
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
В Вашем случае это не важно, ибо у вас почему то с самого начала не стартует
источник

A

Aquinary in Nuxt.js | Vue SSR
Да если бы логом всё ограничивалось :D
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
Возьмите этот код и ради проверки вынесите на любую страницу в asyncData, что бы убедиться что он 100% работает
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
А то может у вас api переменная не верный урл отдаёт
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
А сам компонент вставлен в страницу обычным способом через import и components?
источник

A

Aquinary in Nuxt.js | Vue SSR
Да
Примерно то, что вы и сказали
Почему-то this.user.username при загрузке странице был undefined и из-за этого урл был поломанным

И тут опять странности
Ведь this.user (который я получаю через пропс из родительского компонента):
 props: {
   user: Object,
 },
не пустой сам по себе. Т.е. на странице в вёрстке я забираю все поля, вроде {{ user.username }} и т.д. и это работает
На скрине выхлоп this.user внутри fetch. Т.е. он не пустой (не показывает undefined, если бы я вообще не передавал пропсы), но содержит явно не то, что нужно
Справа уже нормальный выхлоп
источник

A

Aquinary in Nuxt.js | Vue SSR
источник

A

Aquinary in Nuxt.js | Vue SSR
Т.е. fetch не может выдрать логин, а уже из-за этого его запрос ломается
источник

A

Aquinary in Nuxt.js | Vue SSR
А почему логин не появляется в пропсах и появляется после - это уже хрен знает)
источник

e

even__odd in Nuxt.js | Vue SSR
Всем привет!
Создал новый проект и пытаюсь подключить stylus. Но мне кидает такую ошибку во время запуска:
this.getOptions is not a function at Object.stylusLoader. stylus и stylus-loader установлены. В чём может быть проблема?

(на пикче конфиг в nuxt.config.js)
источник

A

Aquinary in Nuxt.js | Vue SSR
Прям смутно догадываюсь, в чём была беда
В компонент Profile (в котором вся эта шабулда выше была) я передавал :user=user
Но сам этот user тоже брался через fetch  с сервера и скорее всего с этим всё было как-то связно
Стоило сделать вот так :user="user" :key="user.username", т.е. добавить :key, то всё стало отрабатывать как надо
источник

SK

Stanislav Kolmakov in Nuxt.js | Vue SSR
Всем привет! У меня не работает transition при переключении между nuxtChild'ми. При переходе от родителя к потомку и наоборот срабатывает layoutTransition, а вот при переходах между детьми нет. Пробовал в детях и тэгом и объектом писать, не работает. Дети динамические. Подскажите, пожалуйста в чем тут дело.
источник

VP

Vladislav Portnoy in Nuxt.js | Vue SSR
Код пожалуйста
источник

SK

Stanislav Kolmakov in Nuxt.js | Vue SSR
Вот так не работает
источник

SK

Stanislav Kolmakov in Nuxt.js | Vue SSR
У меня вопрос где и как правильно прописать trаnsition для потомков?
источник