javascript - 如何从 Astro 文件(服务器端)访问 url 查询参数？

Question

我无法访问 astro 文件的查询参数。

给定 url http://localhost:3000/example?hello=meow:

如何从 example.astro 文件中访问 {hello: "meow"}？

Answer 1

如果您正在编写 API 路由，那么您将使用 .ts 或 .js 文件 [source] .
在那里，您可以编写一个 get 方法，如下所示:

export async function get({request}) {
  // process the URL into a more usable format
  const url = new URL(request.url)
  const params = new URLSearchParams(url.search)

  // set up a response object
  const data = {
    hello: params.get('hello'),
  };

  // this will yield { hello: 'meow' } on your Astro server console
  console.log(data)
  
  // return the response
  return new Response(JSON.stringify(data), {
    status: 200
  }); }

我认为，从 .astro 文件中，您可以通过 const { url } = Astro.request; 访问 SSR 的 url。对于静态页面，可以通过const url = Astro.url; [source]来实现.