Endpoint

其实是+page.server.ts的延伸, 官网的说明

By exporting POST/PUT/PATCH/DELETE/OPTIONS handlers, +server.ts files can be used to create a complete API

这样可以运行我们更灵活的控制请求, 同时很好的把敏感数据隐藏在 +server.ts中. 例如 API_KEY

svelte

<script>
    let a = 0;
    let b = 0;
    let total = 0;

    async function add() {
        // 这里的 /api/add 就是我们要创建的 endpoint
        const response = await fetch('/api/add', {
            method: 'POST',
            body: JSON.stringify({ a, b }),
            headers: {
                'content-type': 'application/json'
            }
        });

        total = await response.json();
    }
</script>

在 src/ 的 route 文件夹中, 创建一个 api/add/+server.ts 文件,

typescript

// in +server.ts
import { json } from '@sveltejs/kit';
import type { RequestHandler } from './$types';

export const POST = (async ({ request }) => {
    const { a, b } = await request.json();
    return json(a + b);
}) satisfies RequestHandler;

// 同理, 可以处理 GET 请求

export const GET = (async ({ request }) => {
  return new Response(JSON.stringify({message: 'hello'}), { status: 200 })
}) satisfies RequestHandler;

Endpoint ​

Endpoint