Size: a a a

Nuxt.js | Vue SSR

2021 March 12

С

Сергей М. in Nuxt.js | Vue SSR
Виталий Шутов
Сама строка запроса как выглядит?
запрос
воровайка ремдек

сайт remdek.ru
источник

ВШ

Виталий Шутов... in Nuxt.js | Vue SSR
У меня все прекрасно отрабатывает
источник

ВШ

Виталий Шутов... in Nuxt.js | Vue SSR
Могу предположить, что это просто перезгруз сервера ноды был
источник

ВШ

Виталий Шутов... in Nuxt.js | Vue SSR
Логика тут простая - если ошибка возникает на каждый запрос - проблема кода
источник

ВШ

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

С

Сергей М. in Nuxt.js | Vue SSR
Виталий Шутов
У меня все прекрасно отрабатывает
да, бывает и срабатывает... А бывает и нет.... Ладно, всем спасибо за участие... Все равно давно переписать хотел на ts +centry+docker...
источник

ВШ

Виталий Шутов... in Nuxt.js | Vue SSR
Сергей М.
да, бывает и срабатывает... А бывает и нет.... Ладно, всем спасибо за участие... Все равно давно переписать хотел на ts +centry+docker...
Ну программирование тем и прелестно, что все работает четко и также четко диагностируется.
источник

Q

Qwerty in Nuxt.js | Vue SSR
в store есть список, используемый на разных страницах. В каком обработчике лучше вызывать action для его актуализации из бэка? Fetch?
источник

А

Александр in Nuxt.js | Vue SSR
Народ подскажите, что я делаю не так.
Устанавливаю компонент:
npm install vue-slider-component --save
создаю файл
~/plugins/vue-slider-component.client.js
import Vue from 'vue'
import VueSliderComponent from 'vue-slider-component'
Vue.use(VueSliderComponent);
добавляю в
nuxt.config.js
plugins: [
'~/plugins/vue-slider-component.client',
добавляю на страничке index.vue
<client-only placeholder="loading...">
<VueSliderComponent ref="slider" v-bind="slider" v-model="filters.price"></VueSliderComponent>
</client-only>
Компонент не отображается и ругается в консоли:
[Vue warn]: Unknown custom element: <VueSliderComponent> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <Pages/index.vue> at pages/index.vue
      <Nuxt>
        <Layouts/withoutFooter.vue> at layouts/without_footer.vue
          <Root>
источник

Q

Qwerty in Nuxt.js | Vue SSR
Qwerty
в store есть список, используемый на разных страницах. В каком обработчике лучше вызывать action для его актуализации из бэка? Fetch?
в created поместил
источник

Q

Qwerty in Nuxt.js | Vue SSR
Александр
Народ подскажите, что я делаю не так.
Устанавливаю компонент:
npm install vue-slider-component --save
создаю файл
~/plugins/vue-slider-component.client.js
import Vue from 'vue'
import VueSliderComponent from 'vue-slider-component'
Vue.use(VueSliderComponent);
добавляю в
nuxt.config.js
plugins: [
'~/plugins/vue-slider-component.client',
добавляю на страничке index.vue
<client-only placeholder="loading...">
<VueSliderComponent ref="slider" v-bind="slider" v-model="filters.price"></VueSliderComponent>
</client-only>
Компонент не отображается и ругается в консоли:
[Vue warn]: Unknown custom element: <VueSliderComponent> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <Pages/index.vue> at pages/index.vue
      <Nuxt>
        <Layouts/withoutFooter.vue> at layouts/without_footer.vue
          <Root>
в plugins: [ попробуй ssr: false или что-то в этом роде
источник

А

Александр in Nuxt.js | Vue SSR
Qwerty
в plugins: [ попробуй ssr: false или что-то в этом роде
попробовал
       { src: '~/plugins/vue-slider-component.client.js', mode: 'client' },
и так
       { src: '~/plugins/vue-slider-component.client.js', ssr: false },

не работает, притом ещё 1 аналогичный компонент клиентский так же не работает
vue-scroll-loader
источник

Q

Qwerty in Nuxt.js | Vue SSR
Александр
попробовал
       { src: '~/plugins/vue-slider-component.client.js', mode: 'client' },
и так
       { src: '~/plugins/vue-slider-component.client.js', ssr: false },

не работает, притом ещё 1 аналогичный компонент клиентский так же не работает
vue-scroll-loader
а попробуй его обернуть в другой компонент - заработает?
источник

Q

Qwerty in Nuxt.js | Vue SSR
Александр
попробовал
       { src: '~/plugins/vue-slider-component.client.js', mode: 'client' },
и так
       { src: '~/plugins/vue-slider-component.client.js', ssr: false },

не работает, притом ещё 1 аналогичный компонент клиентский так же не работает
vue-scroll-loader
у меня вот здесь без расширения, не знаю. влияет ли
источник

V

Vlad in Nuxt.js | Vue SSR
Сергей М.
вроде того
    async asyncData({store, params, error}) {
     try {
       let article = await store.dispatch('pages/articleDetail', params);
       return article
     } catch(err) {
     throw new Error(err)
   }
так ты же в кетче дальше пробрасываешь ошибку
источник

С

Сергей М. in Nuxt.js | Vue SSR
Vlad
так ты же в кетче дальше пробрасываешь ошибку
Если убрать лучше будет? Если все ок, туда вообще попадать не должен
источник

V

Vlad in Nuxt.js | Vue SSR
Сергей М.
Если убрать лучше будет? Если все ок, туда вообще попадать не должен
ну конечно
так смысла от try catch нет
источник

V

Vlad in Nuxt.js | Vue SSR
throw в catch может быть полезен только если тебе надо залогировать ошибку на одном уровне и пробросить дальше, например в экшене при ошибке что-то сделать в сторе и пробросить дальше чтобы в компоненте тоже что-то сделать
источник

V

Vlad in Nuxt.js | Vue SSR
но это довольно колхозный способ, лучше уж посмотреть на either монаду
источник

Q

Qwerty in Nuxt.js | Vue SSR
Сергей М.
вроде того
    async asyncData({store, params, error}) {
     try {
       let article = await store.dispatch('pages/articleDetail', params);
       return article
     } catch(err) {
     throw new Error(err)
   }
познавательного характера вопрос - зачем это через vuex делать?
источник