Ответ JSON в Nuxt

Давайте разберём, как один файл в server/api превращается в рабочий адрес с JSON-ответом. Клиент обращается к пути /api/ и имени файла без расширения.

Файл posts.js в корне server/api обслуживает GET-запросы на /api/posts. Структура проекта для примера:

/server/
- /api/
  - posts.js

Внутри файла задаём обработчик и возвращаем массив объектов. Nuxt отправит его клиенту как JSON:

export default defineEventHandler(() => {
	return [
		{ id: 1, title: 'First post' },
	];
});

При запущенном сервере разработки можно открыть в браузере http://localhost:3000/api/posts и увидеть тот же массив в виде текста. Любой объект или массив из return станет телом ответа в формате JSON.

Сделайте API-адрес со списком сотрудников: в каждом элементе есть имя и роль на английском.

Проверьте адрес в браузере: ответ должен быть JSON-массивом с несколькими сотрудниками.