我正在使用一种名为 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(使用前将#替换为@)