v3.17
GitHub

useResponseHeader

源码
使用 useResponseHeader 设置服务器响应头。
此组合函数在 Nuxt v3.14+ 中可用。

您可以使用内置的 useResponseHeader 组合函数，在您的页面、组件和插件中设置任何服务器响应头。

// 设置自定义响应头
const header = useResponseHeader('X-My-Header');
header.value = 'my-value';

示例

我们可以使用 useResponseHeader 在每个页面轻松设置响应头。

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

<template>
  <h1>带自定义头的测试页面</h1>
  <p>此 "/test" 页面从服务器获得的响应将包含自定义的 "X-My-Header" 头。</p>
</template>

我们可以在 Nuxt 中间件 中使用 useResponseHeader，为所有页面设置响应头。

middleware/my-header-middleware.ts
export default defineNuxtRouteMiddleware((to, from) => {
  const header = useResponseHeader('X-My-Always-Header');
  header.value = `我总是在这里！`;
});