从服务器调用端点

端点可用于提供多种数据。本教程从页面的组件脚本中调用一个服务器端点来显示问候语，而无需额外的 fetch 请求。

先决条件

• 一个启用了 SSR（output: 'server'）的项目

方案

1. 在 src/pages/api/hello.ts 新文件中创建一个返回数据的端点

   src/pages/api/hello.ts

   import type { APIRoute } from 'astro'
   
   export const GET: APIRoute = () => {
     return new Response(
       JSON.stringify({
         greeting: 'Hello',
       }),
     )
   }

2. 在任何 Astro 页面上，从端点导入 GET() 方法。使用 Astro 全局变量调用它以提供请求上下文，并在页面上使用其响应

   src/pages/index.astro

   ---
   import { GET } from './api/hello.ts'
   
   let response = await GET(Astro)
   const data = await response.json()
   ---
   
   <h1>{data.greeting} world!</h1>