我应该如何配置 Apollo Nuxt 模块来为我的查询提供 AWS Amplify api 键？

Question

我正在尝试从 Nuxt 前端与 nuxt apollo module 通信到 AWS Amplify graphQL 后端。

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

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

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

有没有人解决过这个问题？

Answer 1

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

编辑：相关票证is here

Answer 2

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

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',
      },
    },
  },

我应该如何配置 Apollo Nuxt 模块来为我的查询提供 AWS Amplify api 键？

How should I configure Apollo Nuxt module to provide the AWS Amplify api key with my queries?

nuxt.js

apollo-client

aws-amplify

aws-appsync