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

Posted

技术标签:

【中文标题】我应该如何配置 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

【讨论】:

以上是关于我应该如何配置 Apollo Nuxt 模块以向我的查询提供 AWS Amplify api 密钥?的主要内容,如果未能解决你的问题,请参考以下文章

如何将使用@nuxtjs/apollo 模块的nuxt 应用程序部署到heroku?

Nuxt + GraphQL (Apollo) 上传文件

如何调试 nuxt-apollo 服务器端 graphql 请求

Nuxt appolo 模块如何发送授权标头?

在 Nuxt.js 中发送每个请求时,如何将对象添加到 apollo 上的数据?

如何配置我的 Nuxt 前端应用程序以了解使用 Strapi 的后端的 baseUrl?