首页 > 解决方案 > nuxt - 我如何访问服务器上的查询字符串

问题描述

/trips?date=2020-08-24&origin=6&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"}

我尝试了 inasyncData和 in middleware,结果相同,我将watchQuery属性设置为 true,每当查询字符串更改时更新组件非常有帮助。但与服务器无关。

我试图避免将多个参数连接在一起的工作,例如/trips/2020-08-24-6-8. 现在我开始认为这是由于我对 nuxt 和服务器端渲染概念的理解不足。

标签: nuxt.jsserver-side-rendering

解决方案


推荐阅读