nuxt：将数据从服务器插件传递到客户端

Question

我在身份验证代理后面有一个 nuxt。请求将到达 nuxt（仅当）它被授权，在这种情况下将设置 X-auth-username（和其他）标头。

我发现，使用服务器插件，我可以在请求中读取此信息。但是，数据不会从服务器发送到客户端。如何让服务器向客户端发送信息标头（尤其是用户名）？

到目前为止我的插件：

import { Plugin } from '@nuxt/types'
import { IncomingHttpHeaders } from 'http'

declare module '@nuxt/types' {
  interface NuxtAppOptions {
    $headers: IncomingHttpHeaders
  }
}

const getAuth: Plugin = (context, inject) => {
  const headers = context.req.headers
  inject('headers', headers)
}

export default getAuth

注意我使用的是nuxt-composition-api，而不是 vuex。

Answer 1

Injected header 应该在模板中以 $headers 的形式提供，或者在组件的生命周期方法中以 this.$headers 的形式提供。