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使用。