如何在GraphiQL Playground中启用Header（请求头）功能？

你可以通过修改graphqlHTTP的配置，给graphiql传入具体配置对象来启用请求头设置功能，具体操作如下：

将原代码中的graphiql: true替换为包含passHeader的配置：

app.use(
  "/graphql",
  graphqlHTTP({
    schema: UserTypes,
    rootValue: UserResolver,
    graphiql: {
      // 配置请求头模板，GraphiQL会自动显示请求头输入区域
      passHeader: "'Authorization': 'Bearer <你的Token>'"
    },
  })
);

配置完成后，刷新GraphiQL页面就能看到请求头的输入区域，你可以替换<你的Token>为实际值，或者直接在输入框中修改请求头内容，以此携带Token等认证信息。

内容的提问来源于stack exchange，提问作者dmx