与 SvelteKit 的集成

使用 SvelteKit，您可以在服务器路由上运行 Elysia。

创建 src/routes/[...slugs]/+server.ts。
在 +server.ts 中创建或导入一个现有的 Elysia 服务器
导出您想要公开的方法的处理程序

typescript

// src/routes/[...slugs]/+server.ts
import { Elysia, t } from 'elysia';

const app = new Elysia()
    .get('/', () => 'hello SvelteKit')
    .post('/', ({ body }) => body, {
        body: t.Object({
            name: t.String()
        })
    })

type RequestHandler = (v: { request: Request }) => Response | Promise<Response>

export const GET: RequestHandler = ({ request }) => app.handle(request)
export const POST: RequestHandler = ({ request }) => app.handle(request)

您可以将 Elysia 服务器视为普通的 SvelteKit 服务器路由。

通过这种方法，您可以在单个代码库中共同定位前端和后端，并且可以实现 Eden 的端到端类型安全，支持客户端和服务器的操作。

有关更多信息，请参考 SvelteKit 路由。

前缀

如果您将 Elysia 服务器放在应用路由的根目录以外的位置，您需要为 Elysia 服务器注释前缀。

例如，如果您将 Elysia 服务器放在 src/routes/api/[...slugs]/+server.ts 中，您需要将前缀注释为 /api。

typescript

// src/routes/api/[...slugs]/+server.ts
import { Elysia
, t
 } from 'elysia';

const app
 = new Elysia
({ prefix
: '/api' }) 
    .get
('/', () => 'hi')
    .post
('/', ({ body
 }) => body
, {
        body
: t
.Object
({
            name
: t
.String
()
        })
    })

type RequestHandler
 = (v
: { request
: Request }) => Response | Promise
<Response>

export const GET
: RequestHandler
 = ({ request
 }) => app
.handle
(request
)
export const POST
: RequestHandler
 = ({ request
 }) => app
.handle
(request
)

这样可以确保 Elysia 路由在您放置它的任何位置都能正常工作。

与 SvelteKit 的集成 ​

前缀 ​

与 SvelteKit 的集成

前缀