Size: a a a

Nuxt.js | Vue SSR

2021 February 18

MK

Maxim Kostenko in Nuxt.js | Vue SSR
У вас два пути. Отключить глобальный аксиос и все самому настраивать в этом файле или передать аксиос в функцию
источник

KG

Kirill Galimov in Nuxt.js | Vue SSR
Нашел вариант с созданием файла axios, внутри которого я уже буду прописывать конфиги
источник

KG

Kirill Galimov in Nuxt.js | Vue SSR
и тогда при импорте axios я буду импортировать не 'axios', а '@/axios/index.js' (без индекса офк) с подготовленной конфигой
источник

ДА

Данила Александров... in Nuxt.js | Vue SSR
Kirill Galimov
Привет, подскажите пожалуйста)
Делаю запрос через метод - все окей, работает. BaseUrl axios прописан в nuxt.config, поэтому запрос уходит куда надо.
Но я хочу выносить все запросы в отдельный файл api.js. В нем у меня нет доступа к this.$axios, тогда я импортировал axios from 'axios' и сделал все то же, что и в методе. Но запрос уходит на localhost:3000/login, вместо моего BaseUrl из конфига. Как поступать в данной ситуации?
в таком случае можешь либо передавать контекст, либо оформить в виде плагина и заинджектить далее обращаться по типу this.$myApi[method]
источник

KG

Kirill Galimov in Nuxt.js | Vue SSR
Kirill Galimov
и тогда при импорте axios я буду импортировать не 'axios', а '@/axios/index.js' (без индекса офк) с подготовленной конфигой
Ну вот, да. Я так понимаю это самый оптимальный вариант?
источник

AN

Alexander Nemirov in Nuxt.js | Vue SSR
Стртую nuxt в режиме spa
Запускаю через плагин диспатч экшена (nuxt-client-init)
Когда доходит до этого участка в сторе, отваливается

if (this.$router.app.$route.hash === '#test') {
   this.$router.push('/
test')
   return
}


Что я делаю не так?

мб роутер еще не доступен?
источник

MK

Maxim Kostenko in Nuxt.js | Vue SSR
Kirill Galimov
Ну вот, да. Я так понимаю это самый оптимальный вариант?
Он самый простой, но по сути у тебя не многое изменилось. У тебя все апи теперь глобально доступно в каждом компоненте
источник

AN

Alexander Nemirov in Nuxt.js | Vue SSR
Данила Александров
в таком случае можешь либо передавать контекст, либо оформить в виде плагина и заинджектить далее обращаться по типу this.$myApi[method]
я вот тут кстати искал способ явно импортировать файлик Api, но так до конца и не понял, нужно это делать или нет
источник

ДА

Данила Александров... in Nuxt.js | Vue SSR
секундочку
источник

ДА

Данила Александров... in Nuxt.js | Vue SSR
Вот так прекрасно работает
источник

ДА

Данила Александров... in Nuxt.js | Vue SSR
onError можно убрать
источник

AN

Alexander Nemirov in Nuxt.js | Vue SSR
Alexander Nemirov
Стртую nuxt в режиме spa
Запускаю через плагин диспатч экшена (nuxt-client-init)
Когда доходит до этого участка в сторе, отваливается

if (this.$router.app.$route.hash === '#test') {
   this.$router.push('/
test')
   return
}


Что я делаю не так?

мб роутер еще не доступен?
вынес это в плагин, который запускается при старте приложения, вроде бы работает
источник

MK

Mike Kharkov in Nuxt.js | Vue SSR
Народ.
Такой вопрос:
https://codesandbox.io/s/codesandbox-nuxt-3gzhl
Каким то образом можно понять предполагает такой проект развертывание node.js сервера на хостинге или не предполагает?
источник

MK

Mike Kharkov in Nuxt.js | Vue SSR
тоесть в данном случае демонстрируется пример построения рест апи с помощью сервер мидлваре и пр  - но мне не понятно используется ли(необходимо ли устанавливать дополнительно) в данном случае на хостинге после деплоя - нодовский сервер или же все само по себе работает как при обычном деплое(target: server)
источник

MK

Mike Kharkov in Nuxt.js | Vue SSR
https://habr.com/ru/post/501688/
вот детали в начале поста как это работает по шагам
источник

IS

Ivan Svoboda in Nuxt.js | Vue SSR
SSR в названии как бы намекает
источник

MK

Mike Kharkov in Nuxt.js | Vue SSR
Ivan Svoboda
SSR в названии как бы намекает
намекает на что - что нода не нужна после деплоя(в качестве сервера который надо устанавливать руками ) на хостинге для рест апи?
источник

MK

Mike Kharkov in Nuxt.js | Vue SSR
или что ты имеешь ввиду?
источник

AM

Alexey M. in Nuxt.js | Vue SSR
Mike Kharkov
намекает на что - что нода не нужна после деплоя(в качестве сервера который надо устанавливать руками ) на хостинге для рест апи?
SSR намекает на то, что нода нужна - server side rendering, и на обычном хостинге не получится это сделать.
источник

MK

Mike Kharkov in Nuxt.js | Vue SSR
Alexey M.
SSR намекает на то, что нода нужна - server side rendering, и на обычном хостинге не получится это сделать.
а серверный хук разве не работает без ноды после деплоя?
источник