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 的 middleware 中使用 useResponseHeader 为所有页面设置响应头。
middleware/my-header-middleware.ts
export default defineNuxtRouteMiddleware((to, from) => {
const header = useResponseHeader('X-My-Always-Header');
header.value = `I'm Always here!`;
});
※此页面是 Nuxt.js 官方文档的非官方翻译页面。