如何在Astro页面中获取URL查询字符串（QueryString）参数

你读取不到参数的核心原因有两个：一是你混淆了SSG（纯静态生成）和SSR模式的运行逻辑，二是Astro.request是标准Web Request对象，本身不存在parameters属性，你调用了不存在的属性自然拿不到值。

场景1：使用SSR模式（服务端渲染） #

如果你能接受调整为SSR输出（注意该模式不再是纯静态文件部署，需要适配支持Node.js/边缘计算的托管环境），操作步骤如下：

1. 先在astro.config.mjs中开启服务端输出模式：

import { defineConfig } from 'astro/config'

export default defineConfig({
  output: 'server'
})

2. 在接收GET请求的.astro页面的frontmatter中添加如下逻辑：

---
// 从Request对象中解析URL和查询参数
const url = new URL(Astro.request.url)
const searchVal = url.searchParams.get('search')
// 存在查询参数时执行重定向
if (searchVal) {
  // 302是临时重定向，需要永久重定向可以换成301
  return Astro.redirect(`/${searchVal}`, 302)
}
---
<!-- 这里写你原有的页面内容 -->

场景2：坚持纯静态SSG输出（零服务端逻辑、零客户端JS） #

纯静态场景下Astro编译后所有逻辑都是预生成的静态HTML，运行时没有服务端代码执行，无法在Astro层面处理查询参数。你可以通过托管平台的重写规则实现需求：

• Nginx配置参考：

if ($arg_search ~* "^(.+)$") {
  rewrite ^ /$1? redirect;
}

• Caddy配置参考：

@search query search=*
redir @search /{query.search} 302

• 其他托管平台（Netlify/Vercel/Cloudflare Pages等）都可以在平台的重定向规则配置页，配置类似的查询参数匹配重定向规则，全程不需要任何JS代码。

内容的提问来源于stack exchange，提问作者DrLazer