我应该如何配置 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-apollo 服务器端 graphql 请求