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

【问题标题】：How should I configure Apollo Nuxt module to provide the AWS Amplify api key with my queries?我应该如何配置 Apollo Nuxt 模块以向我的查询提供 AWS Amplify api 密钥？
【发布时间】：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 请求以使用正确的值添加此标头，它会按预期工作。

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

【问题讨论】：

标签： nuxt.js apollo-client aws-amplify aws-appsync

【解决方案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

【讨论】：