LoopBack4中如何在GraphiQL UI添加access_token请求头？

直接在GraphiQL界面添加请求头 #

1. 打开http://localhost:3001/graphql进入GraphiQL界面，找到底部的Headers标签（和Query Variables在同一区域）。
2. 切换到Headers面板，输入JSON格式的请求头：
   若你的API采用Bearer认证方式：

   {
     "Authorization": "Bearer 你的access_token值"
   }
   

   若API直接以access_token作为请求头字段：

   {
     "access_token": "你的access_token值"
   }
   

3. 输入完成后直接执行GraphQL查询，请求会自动携带该请求头。

启动cli时预设全局请求头 #

如果不想每次手动输入请求头，可以在启动openapi-to-graphql-cli时通过--header参数预设：

npx openapi-to-graphql-cli --port=3001 --header "Authorization: Bearer 你的access_token值" http://localhost:3000/openapi.json

对应access_token字段的写法：

npx openapi-to-graphql-cli --port=3001 --header "access_token: 你的access_token值" http://localhost:3000/openapi.json

启动后，所有通过GraphiQL发送的请求都会自动带上这个预设的请求头。

验证请求头是否生效 #

执行查询后，打开浏览器开发者工具的Network面板，找到发送的GraphQL请求，查看请求头中是否包含目标字段即可确认是否生效。

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