+server.js: GET POST PUT DELETE
Экспортируйте функции обработчиков, названные в соответствии с методами HTTP, чтобы создавать конечные точки API
«+server.js: GET POST PUT DELETE» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Маршруты API
SvelteKit позволяет создавать конечные точки API в том же проекте с помощью файлов +server.js.
Расположение
Разместите +server.js в любой папке внутри src/routes. Папка определяет адрес.
src/routes/api/items/+server.js -> /api/itemsЭкспорт обработчиков HTTP-методов
Экспортируйте функцию, названную в соответствии с HTTP-методом.
export async function GET() {
return new Response("hello");
}Несколько методов
Один файл может экспортировать GET, POST, PUT, DELETE, PATCH, OPTIONS и HEAD.
Возврат ответов
Каждый обработчик возвращает стандартный объект Response.
export async function POST({ request }) {
const data = await request.json();
return new Response(JSON.stringify({ ok: true }), { headers: { "content-type": "application/json" } });
}Вспомогательная функция json
Вспомогательная функция json() из @sveltejs/kit устанавливает заголовки за вас.
import { json } from "@sveltejs/kit";
return json({ items: [] });Метод не разрешён
Необработанные методы автоматически возвращают состояние 405. Дополнительный шаблонный код не требуется.
Конечные точки с параметрами
Используйте динамические имена папок, например [id], для маршрутов, соответствующих ресурсам.
src/routes/api/items/[id]/+server.jsАутентификация
Проверяйте event.locals, заполненный хуками, чтобы узнать состояние аутентификации.
Коды состояния
Передайте состояние вторым аргументом в json или задайте его при инициализации Response.
return json({ ok: false }, { status: 400 });CORS
Если ваш API обслуживает запросы из других источников, добавьте заголовки CORS вручную или через хук.
Быстрая проверка
Как обработать GET?
Повторение
+server.js экспортирует обработчики для отдельных методов (GET, POST и т. д.), возвращающие Response или использующие вспомогательную функцию json().
Часто задаваемые вопросы
Урок «+server.js: GET POST PUT DELETE» бесплатный?
Да — полный текст урока «+server.js: GET POST PUT DELETE» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Sveltejs Academy, подпишись на CoddyKit PRO. Курс Sveltejs Academy содержит 4 уроков всего.
Чему я научусь в уроке «+server.js: GET POST PUT DELETE»?
Экспортируйте функции обработчиков, названные в соответствии с методами HTTP, чтобы создавать конечные точки API Ты практикуешь Sveltejs Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Sveltejs Academy?
Предыдущий опыт не требуется. Sveltejs Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.
Сколько времени занимает урок «+server.js: GET POST PUT DELETE»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Sveltejs Academy?
Да. Каждый урок Sveltejs Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- +server.js: GET POST PUT DELETE
- Request и RequestEvent
- Возврат ответов JSON
- Потоковая передача с ReadableStream