nuxt.js - 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 和服务器端渲染概念的理解不足。
解决方案
推荐阅读
- excel - VBA胡说八道指向错误的工作表?
- python - 退出 PyQt5 应用程序时出现分段错误
- python - 交换字符串中的单词(面试题)
- c# - 关闭表单后释放使用的内存
- javascript - 等到滚动完成然后执行
- sql - Sparx 文档生成中的 SQL 不起作用
- integer - Ansible 内置模板无法使用整数值创建有效的 yaml 结果
- postgresql - 未来未在 PostgreSQL + Dart 上完成
- azure-functions - 如何使用 Azure Function 应用筛选服务总线事件?
- stenciljs - Stencil:将`@Method`添加到组件后突然生成错误而没有消息