Você pode usar o composable embutido useResponseHeader para definir qualquer cabeçalho de resposta do servidor dentro de suas páginas, componentes e plugins.

// Defina um cabeçalho de resposta personalizado
const header = useResponseHeader('X-My-Header');
header.value = 'my-value';

Exemplo

Podemos usar useResponseHeader para definir facilmente um cabeçalho de resposta em uma base por página.

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

<template>
  <h1>Página de teste com cabeçalho personalizado</h1>
  <p>A resposta do servidor para esta página "/test" terá um cabeçalho personalizado "X-My-Header".</p>
</template>

Podemos usar useResponseHeader, por exemplo, no middleware do Nuxt para definir um cabeçalho de resposta para todas as páginas.

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