Заголовок ответа в Nuxt

Кроме тела и кода ответа сервер может отправить заголовки - служебные пары имя-значение. Ими передают метаданные: тип данных, кэширование, счётчики для клиента.

Заголовок ответа задают функцией setResponseHeader. Имя и значение пишут строками. Вызов делают в обработчике перед возвратом данных.

Список постов с заголовком x-total, где лежит число элементов:

export default defineEventHandler((event) => {
	const posts = [
		{ id: 1, title: 'First post' },
		{ id: 2, title: 'Second post' },
		{ id: 3, title: 'Third post' },
	];
	
	setResponseHeader(event, 'x-total', '3');
	
	return posts;
});

В JSON по-прежнему только массив постов. Заголовок x-total виден во вкладке сети инструментов разработчика, а не в теле ответа.

Сделайте GET API продуктов с локальным массивом в том же файле.

Добавьте заголовок ответа с количеством продуктов в списке.