我应该如何配置 Apollo Nuxt 模块以向我的查询提供 AWS Amplify api 密钥？

Posted 2023-03-10

【中文标题】我应该如何配置 Apollo Nuxt 模块以向我的查询提供 AWS Amplify api 密钥？

【英文标题】：How should I configure Apollo Nuxt module to provide the AWS Amplify api key with my queries?

【发布时间】：2020-07-04 02:41:51

【问题描述】：

我正在尝试从带有 nuxt apollo module 的 Nuxt 前端与 AWS Amplify graphQL 后端进行通信。

后端需要提供 API 密钥，但我不知道如何在我的 nuxt.config 文件中进行设置。

当我测试来自 AWS AppSync 的 API 请求时，我在网络选项卡中看到请求标头中提供了密钥作为 x-api-key 密钥的值。但是，我不知道如何设置 nuxt apollo 在每次调用时提供它。

此外，如果我编辑 apollo 请求以使用正确的值添加此标头，它会按预期工作。

以前有人解决过这个问题吗？

【参考方案1】：

这是我的一个代码库中关于如何实现正常连接（用于突变和查询）的示例：

notifications: 
    httpEndpoint: `https://$process.env.VUE_APP_WS_GATEWAY_ENDPOINT || 'localhost:4030'/graphql`,
    httpLinkOptions: 
      headers: 
        'x-api-key': process.env.VUE_APP_WS_API_KEY || 'YOUR_API_KEY',
      ,
    ,
  ,

【参考方案2】：

由于时间紧迫，我使用 aws-amplify 客户端而不是 Nuxt Apollo。如果有人回答如何使用 Nuxt Apollo 实现它，我会将经过验证的答案切换为她/他的。

编辑：相关票证is here