#nuxt.js #server-side-rendering
#nuxt.js #рендеринг на стороне сервера
Вопрос:
/trips?date=2020-08-24amp;origin=6amp;destination=8
учитывая предыдущий путь, я могу получить доступ к значениям строки запроса / объекту при навигации, но не могу получить к нему доступ при прямом запросе URL-адреса или при перезагрузке страницы.
async asyncData ({ query }) {
if (process.server) {
console.log(query)
} else {
console.log(query)
}
}
на сервере { query }
регистрируется как пустой объект {}
, однако на клиенте {date: "2020-08-24", origin: "6", destination: "8"}
.
Я попробовал в asyncData
и в middleware
с тем же результатом, я установил watchQuery
для свойства значение true, было очень полезно обновлять компонент при каждом изменении строки запроса. но не имеет отношения к серверу.
Я пытался избежать работы по объединению нескольких параметров вместе, например /trips/2020-08-24-6-8
. Теперь я начинаю думать, что это из-за недостатка моего понимания nuxt и концепции рендеринга на стороне сервера.
Комментарии:
1. Я могу правильно получить запрос на клиенте и сервере в моем проекте. Моя версия nuxt 2.8.1
2. я тестировал на codesandbox.io и это действительно сработало. сейчас я создаю новое приложение nuxt. спасибо за отзыв
3. возможно, это связано со статическим приложением. у меня есть nuxt.config.js режим: «универсальный», цель: «статичный», ваш статичный?
4. я думаю, что это связано github.com/nuxt/nuxt.js/issues/7627
5. мой режим —
universal
а цель —server
по умолчанию