如何使用 Astro 获取查询字符串参数

2024-03-25

我正在使用一种名为 Astro 的新技术(https://astro.build/ https://astro.build/)构建一个完全静态的服务器端渲染页面,交付零 JS。

我有一个带有简单文本输入表单的页面,当用户填写该表单并单击提交按钮时,它会向 astro 页面发送 GET 请求。网址看起来像这样......

/?搜索=1234

我想要做的是访问该查询字符串参数,以便将我的用户重定向到另一个静态页面 /1234。

我尝试使用 Astro.request 访问 quesrystring 参数,但该对象(包括参数属性)完全为空。

是否有办法从 .astro 页面/文件访问查询字符串参数?


您可以使用Astro.url https://docs.astro.build/en/reference/api-reference/#astrourl(自 v1.0.0-rc 起可用)。

e.g.

---
const search = Astro.url.searchParams.get('search')! || '';
---

{search ? <p>you searched for: {search}</p>}

<!-- rest of your template markup -->
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 Astro 获取查询字符串参数 的相关文章