Size: a a a

Nuxt.js | Vue SSR

2021 March 21

KK

Konstantin Kelle in Nuxt.js | Vue SSR
Как в asyncdata поднять аксиос
источник

᠌ ᠌ ᠌᠌᠌ ᠌ ᠌᠌᠌ ᠌ ᠌᠌᠌ ... in Nuxt.js | Vue SSR
Konstantin Kelle
Как в asyncdata поднять аксиос
А ты лысый или просто шапка так стоит?
источник

KK

Konstantin Kelle in Nuxt.js | Vue SSR
Шапка
источник

D

D in Nuxt.js | Vue SSR
Maxim Kostenko
А вообще, можно сделать проще, вынести всю логику из page в сервисы или компоненты. Написать обычные юнит-тесты.
Для уверенности можно ещё добавить пару e2e smoke-тестов для happy flow
Спасибо! Видел @nuxt/test-utils, но все равно туплю. Может это потому что у меня опыта мало
И за совет спасибо, может это то, что нужно, подумаю
источник

MK

Maxim Kostenko in Nuxt.js | Vue SSR
Konstantin Kelle
Как в asyncdata поднять аксиос
google -> nuxt asyncdata example
источник

KK

Konstantin Kelle in Nuxt.js | Vue SSR
Я смотрел уже
источник

KK

Konstantin Kelle in Nuxt.js | Vue SSR
Там все примеры с fetch и прочим
источник

KK

Konstantin Kelle in Nuxt.js | Vue SSR
Нет нигде примеров с аксиосом
источник

MK

Maxim Kostenko in Nuxt.js | Vue SSR
async asyncData({ params, $http }) {
     const post = await $http.$get(`https://api.nuxtjs.dev/posts/${params.id}`)
     return { post }
   }
источник

MK

Maxim Kostenko in Nuxt.js | Vue SSR
$http -> replace by $axios
источник

KK

Konstantin Kelle in Nuxt.js | Vue SSR
Мне аксиос нужен
источник

KK

Konstantin Kelle in Nuxt.js | Vue SSR
Именно аксиос
источник

KK

Konstantin Kelle in Nuxt.js | Vue SSR
Там прокси на апишку
источник

MK

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

KK

Konstantin Kelle in Nuxt.js | Vue SSR
Спасибо большое!
источник

R

RusaXXX in Nuxt.js | Vue SSR
Maxim Kostenko
А вообще, можно сделать проще, вынести всю логику из page в сервисы или компоненты. Написать обычные юнит-тесты.
Для уверенности можно ещё добавить пару e2e smoke-тестов для happy flow
А можно подробнее про подход вынести логику со страниц в сервисы?
источник

IK

Ivan Kuzmichev in Nuxt.js | Vue SSR
Всем привет, помогите пожалуйста разобраться, как обратится к плагину. Из шаблона я его могу получить, а в ts не выходит.

<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
   ...
   methods: {
       async submit() {
           this.$toast.show('Logging in...') // не видит $toast
       },
   },
   ...
});
</script>
источник

IS

Illia Sakovich in Nuxt.js | Vue SSR
Добрый день!
Имеется Nuxt приложение, деплоится через Netlify, использую nuxtServerInit для подгрузки данных, которые меняются (корзина, количество товара в наличии), на локалке все нормально, подгружается актуальная корзина и отдаётся сгенерированная HTMLка
Однако при деплое, как я понял, Nuxt генерит все страницы и отдаёт их с сервера закэшированными, в результате чего отдаётся то состояние корзины, которое было при деплое, когда страница сгенерилась
С Nuxt работаю не так давно, допускаю что делаю что-то вне соотвествии с идеологией Nuxt

Какие решения я вижу:
- заставить Nuxt постоянно генерить новую ХТМЛку (а не постоянно отдавать предварительно сгенерированную)
- получать динамические данные на фронте, но такой вариант не хотелось бы, хочется чтобы с сервера прилетала уже готовая ХТМЛка с правильным состоянием для текущего пользователя

Подскажите пожалуйста, является ли нормальным какое-то из этих решений? Если нет, то что посоветуете?
источник

IK

Ivan Kuzmichev in Nuxt.js | Vue SSR
@hivokas, попробуйте завернуть в <client-only> или <no-ssr>. Мне кажется это решит проблему.
источник

IK

Ivan Kuzmichev in Nuxt.js | Vue SSR
Хотя, я не правильно вас понял, наверное
источник