Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 May 05

АК

Александр Копыл... in Nuxt.js — русскоговорящее сообщество
Andrii Kolisnyk-Hut
разве propertyName тебе не нужно прописать в login
Это я пробую что вы вчера советовали
источник

АК

Александр Копыл... in Nuxt.js — русскоговорящее сообщество
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
это пробовал?
autoRefresh: {
 enable: true
}
источник

АК

Александр Копыл... in Nuxt.js — русскоговорящее сообщество
так чет схема рефрешь не понятно для меня работает
источник

АК

Александр Копыл... in Nuxt.js — русскоговорящее сообщество
Этот варик ваще не сработал
источник

АК

Александр Копыл... in Nuxt.js — русскоговорящее сообщество
У меня бек по другому написан
источник

AY

Andrey Yanusov in Nuxt.js — русскоговорящее сообщество
Подскажите, плиз, нормальной ли практикой является:
1) создавать actions, которое объединяет другие actions (как на примере)
т.е. реализовывать логику в хранилище Vuex. Или это лучше делать на странице page.vue?
2) нормальным ли является использование .call
Дело в том, что проект планируется к расширению, поэтому я в отдельный файл server.js вынес все API (this.$axios.get), откуда импортирую в Vuex.
И вот такой функцией callback делаю мутации, если запрос прошёл успешно

—-
Как вам такой подход? Любая критика приветствуется) Таким образом учимся :D

Update: названия переменных и методов в качестве примера придумал)
источник

VS

Valerii Sergheiev in Nuxt.js — русскоговорящее сообщество
Andrey Yanusov
Подскажите, плиз, нормальной ли практикой является:
1) создавать actions, которое объединяет другие actions (как на примере)
т.е. реализовывать логику в хранилище Vuex. Или это лучше делать на странице page.vue?
2) нормальным ли является использование .call
Дело в том, что проект планируется к расширению, поэтому я в отдельный файл server.js вынес все API (this.$axios.get), откуда импортирую в Vuex.
И вот такой функцией callback делаю мутации, если запрос прошёл успешно

—-
Как вам такой подход? Любая критика приветствуется) Таким образом учимся :D

Update: названия переменных и методов в качестве примера придумал)
По первому пункту - это нормальная практика. По второму не подскажу
источник

V💊

Vladimir 💊 Voytenko... in Nuxt.js — русскоговорящее сообщество
Andrey Yanusov
Подскажите, плиз, нормальной ли практикой является:
1) создавать actions, которое объединяет другие actions (как на примере)
т.е. реализовывать логику в хранилище Vuex. Или это лучше делать на странице page.vue?
2) нормальным ли является использование .call
Дело в том, что проект планируется к расширению, поэтому я в отдельный файл server.js вынес все API (this.$axios.get), откуда импортирую в Vuex.
И вот такой функцией callback делаю мутации, если запрос прошёл успешно

—-
Как вам такой подход? Любая критика приветствуется) Таким образом учимся :D

Update: названия переменных и методов в качестве примера придумал)
1. отлично
2. не очень, лучше абстрагироваться в этом слое от вью/накста делать так что бы тебе там не нужен был this который ссылается на инстанс накста
источник

X

Xezard in Nuxt.js — русскоговорящее сообщество
Andrey Yanusov
Подскажите, плиз, нормальной ли практикой является:
1) создавать actions, которое объединяет другие actions (как на примере)
т.е. реализовывать логику в хранилище Vuex. Или это лучше делать на странице page.vue?
2) нормальным ли является использование .call
Дело в том, что проект планируется к расширению, поэтому я в отдельный файл server.js вынес все API (this.$axios.get), откуда импортирую в Vuex.
И вот такой функцией callback делаю мутации, если запрос прошёл успешно

—-
Как вам такой подход? Любая критика приветствуется) Таким образом учимся :D

Update: названия переменных и методов в качестве примера придумал)
А как ты собираешься хендлить ошибки в пункте 2? Допустим, тебе с бэка error message пришёл - ты его закоммитишь в стор?
источник

AY

Andrey Yanusov in Nuxt.js — русскоговорящее сообщество
Да, по второму пункту понимаю загвоздку (передача контекста), но в наксте встроенный axios оч удобен в настройке конфигурации.

Раньше в файле server.js (где всё API) импортировал axios и настраивал
axios.baseURL = ///
но в накстовском axios проще настроить прокси. Тем более файл nuxt.config.js - является точкой входа в приложение

proxy: {
   '/api': {
     target: isDev ? 'httpServerForDependency' : 'httpServerProdaction',
     pathRewrite: {
       '^/api': ''
     },
     changeOrigin: true
   }
 },
источник

V💊

Vladimir 💊 Voytenko... in Nuxt.js — русскоговорящее сообщество
Andrey Yanusov
Да, по второму пункту понимаю загвоздку (передача контекста), но в наксте встроенный axios оч удобен в настройке конфигурации.

Раньше в файле server.js (где всё API) импортировал axios и настраивал
axios.baseURL = ///
но в накстовском axios проще настроить прокси. Тем более файл nuxt.config.js - является точкой входа в приложение

proxy: {
   '/api': {
     target: isDev ? 'httpServerForDependency' : 'httpServerProdaction',
     pathRewrite: {
       '^/api': ''
     },
     changeOrigin: true
   }
 },
нет, встроенный в накст не удобен в настройке
источник

AY

Andrey Yanusov in Nuxt.js — русскоговорящее сообщество
Xezard
А как ты собираешься хендлить ошибки в пункте 2? Допустим, тебе с бэка error message пришёл - ты его закоммитишь в стор?
в файле server.js

Поэтому и передаю контекст)
источник

AY

Andrey Yanusov in Nuxt.js — русскоговорящее сообщество
Vladimir 💊 Voytenko
нет, встроенный в накст не удобен в настройке
А можно пример, как можно настроить прокси для axios аналогично nuxt? :D

+ есть ли аналоги axios, которые могут конкурировать с ним?)
источник

V💊

Vladimir 💊 Voytenko... in Nuxt.js — русскоговорящее сообщество
Andrey Yanusov
А можно пример, как можно настроить прокси для axios аналогично nuxt? :D

+ есть ли аналоги axios, которые могут конкурировать с ним?)
можно глянуть исходники из накстовой версии, там кода мало.

конкуренты аксиосу: fetch и ky который обертка над fetch
источник

AY

Andrey Yanusov in Nuxt.js — русскоговорящее сообщество
а вы используете axios или fetch?
источник

V💊

Vladimir 💊 Voytenko... in Nuxt.js — русскоговорящее сообщество
Andrey Yanusov
а вы используете axios или fetch?
axios, в fetch нет интерсепторов
источник

AY

Andrey Yanusov in Nuxt.js — русскоговорящее сообщество
Понял) Спасибо большое!)
источник

AD

Alexander Dudaev in Nuxt.js — русскоговорящее сообщество
Александр Копыл
с урлом всё гуд .. С конструкцией конфига нет
вы 5 версию используете? там сейчас scheme вместо _scheme надо юзать
источник

АК

Александр Копыл... in Nuxt.js — русскоговорящее сообщество
Alexander Dudaev
вы 5 версию используете? там сейчас scheme вместо _scheme надо юзать
Понял.. Спасибо .. Пробую
источник