Size: a a a

Vue.js Russian Developers Community

2020 June 15

BS

Bogdan Saliuk in Vue.js Russian Developers Community
Max Dragaytsev
Всем привет, вопрос по nuxt и axios, подскажите в чем проблема
Есть вот такой запрос в asyncData на странице
Сгенерировали статику через nuxt generate
Выложили на хостинг

При попытке захода на страницу
сначала отдается и показывается нормальная страница, а потом 500я страница.
Во владке network виден неуспешный запрос этого json но НЕ по адресу сервера а по адресу http://localhost:3000/data/v1/about.json
Вопросы:
1. почему выполняется запрос на клиенте - ведь запросы в asyncData выполняются на сервере ?
2. почему запрос идет на localhost?
По идее, asyncData не будет работать со сгенеренной статикой.

А localhost:3000 - дефолтый урл для nuxt-axios
источник

MD

Max Dragaytsev in Vue.js Russian Developers Community
Sergey Shitikov
выглядит как будто собирали не под прод сервер, посмотрите настройки сборки
а что именно смотреть?
источник

BS

Bogdan Saliuk in Vue.js Russian Developers Community
Max Dragaytsev
а что именно смотреть?
ну та конфиг аксиоса
источник

SS

Sergey Shitikov in Vue.js Russian Developers Community
ну под прод и дев разные настройки окружения
источник

SS

Sergey Shitikov in Vue.js Russian Developers Community
условно url для dev localhost, для prod -  другой
источник

SS

Sergey Shitikov in Vue.js Russian Developers Community
он при сборке должен подставляться
источник

SS

Sergey Shitikov in Vue.js Russian Developers Community
а выглядит как будто для прода либо нет конфига, либо собирается под дев, а не под прод
источник

MD

Max Dragaytsev in Vue.js Russian Developers Community
Sergey Shitikov
а выглядит как будто для прода либо нет конфига, либо собирается под дев, а не под прод
все верно конфига для аксиоса нет
источник

BS

Bogdan Saliuk in Vue.js Russian Developers Community
Max Dragaytsev
Всем привет, вопрос по nuxt и axios, подскажите в чем проблема
Есть вот такой запрос в asyncData на странице
Сгенерировали статику через nuxt generate
Выложили на хостинг

При попытке захода на страницу
сначала отдается и показывается нормальная страница, а потом 500я страница.
Во владке network виден неуспешный запрос этого json но НЕ по адресу сервера а по адресу http://localhost:3000/data/v1/about.json
Вопросы:
1. почему выполняется запрос на клиенте - ведь запросы в asyncData выполняются на сервере ?
2. почему запрос идет на localhost?
asyncData выполняется на сервере, да. Но для этого нужно поднимать сервер накста, а не ты просто выложил статику на хостинг
источник

MD

Max Dragaytsev in Vue.js Russian Developers Community
а можете подсказать пример или где посмотреть как такой конфиг написать
источник

MD

Max Dragaytsev in Vue.js Russian Developers Community
Bogdan Saliuk
asyncData выполняется на сервере, да. Но для этого нужно поднимать сервер накста, а не ты просто выложил статику на хостинг
расчет был на то чтобы накст просто сгенерировал статику на основе asyncdata и ее залить на статический хостинг чтобы демку показать
источник

Д

Дима in Vue.js Russian Developers Community
Подскажите, а как в vuelidate проверить или нету ошибок на всей форме?
источник

SS

Sergey Shitikov in Vue.js Russian Developers Community
вот тут пишут что нужно вообще сборку делать и сервер запускать на самом проде: https://qna.habr.com/q/406158
источник

Д

Дима in Vue.js Russian Developers Community
А не каждое поле трогать в сабмите.
источник

MD

Max Dragaytsev in Vue.js Russian Developers Community
я бы рад но есть только статический хостинг (
источник

SS

Sergey Shitikov in Vue.js Russian Developers Community
источник

MD

Max Dragaytsev in Vue.js Russian Developers Community
и поэтому такие танцы с бубном
источник

SS

Sergey Shitikov in Vue.js Russian Developers Community
там прям под ваш случай, посмотрите 🙂
источник

SS

Sergey Shitikov in Vue.js Russian Developers Community
последняя секция
источник

MD

Max Dragaytsev in Vue.js Russian Developers Community
ага, спасибо, как я понял дело даже не в конфе накста а именно в отсутствии настроек для axios
источник