Puedes usar el composable incorporado useResponseHeader para establecer cualquier encabezado de respuesta del servidor dentro de tus páginas, componentes y plugins.

// Establecer un encabezado de respuesta personalizado
const header = useResponseHeader('X-My-Header');
header.value = 'my-value';

Ejemplo

Podemos usar useResponseHeader para establecer fácilmente un encabezado de respuesta en cada página.

<script setup>
// pages/test.vue
const header = useResponseHeader('X-My-Header');
header.value = 'my-value';
</script>

<template>
  <h1>Página de prueba con encabezado personalizado</h1>
  <p>La respuesta del servidor para esta página "/test" tendrá un encabezado personalizado "X-My-Header".</p>
</template>

Podemos usar useResponseHeader, por ejemplo, en el middleware de Nuxt para establecer un encabezado de respuesta para todas las páginas.

export default defineNuxtRouteMiddleware((to, from) => {
  const header = useResponseHeader('X-My-Always-Header');
  header.value = `I'm Always here!`;
});