小编Par*_*xum的帖子

我有一个 SvelteKit 组件，需要对应的+page.server.tscookie 验证表单操作。我的目标是拥有一个带有相应删除按钮的组件，该组件将从端点内的表单操作中向我的后端发送 API 请求+page.server.ts。

为了清楚起见，我的结构：

- src/
    - components/
        - Component/
            - +page.svelte
            - +page.server.ts
    - routes/
        - route/
            - +page.svelte

组件+page.svelte：

<div class="card">
    <form method="POST">
        <input type="hidden" value="{uuid}" name="uuid" />
        <button class="btn-icon variant-filled-primary">
            <span><Icon icon="material-symbols:delete-outline"></Icon></span>
        </button>
    </form>
</div>

组件+page.server.ts：

import type { Actions } from './$types';
 
export const actions = {
  default: async ({ cookies, request }) => {
    // Doing some http-only Cookie authenticated fetching and data processing here
  }
} satisfies …