使用 WPGraphQL 插件将数据拉入 Gatsby 站点

Question

我正在尝试让 wpgraphql 与 Gatsby 一起工作（按照本教程中的说明：https://www.youtube.com/watch?v=DH7I1xRrbxs）。

在我的gatsby-config文件中，我设置了gatsby-source-graphql插件如下

{
  resolve: `gatsby-source-graphql`,
  options: {
    typeName: 'WORDPRESS',
    fieldName: 'wordpress',
    url: 'URL_GOES_HERE',
    refetchInterval: 60,
  },
},

现在，如果我使用以下 URL（用于演示目的），那么一切正常：https://api.wpgraphql.com/graphql

但是，如果我使用以下 URL，则它不起作用：https://wordpress-285784-933130.cloudwaysapps.com/graphql

第二个 URL 来自我的 Wordpress 安装——据我所知，我的 wordpress 网站上的所有设置都很好。我安装了以下插件：

• wpgraphql
• wpgraphiql
• WPGraphQL 自定义帖子类型 UI
• 用于高级自定义字段的 WPGraphQL
• 自定义帖子类型用户界面
• 高级自定义字段

我已确保自定义帖子类型 UI 和高级自定义字段已设置为与 wpgraphql 一起使用。而且，确实，我可以使用 wpgraphiql 插件在该站点上进行 graphql 查询。也就是说，在该站点上，一切都按预期进行。

然而，就能够将这些数据拉入我的 gatsby 安装而言，它不起作用。

有什么想法吗？

Answer 1

问题是我没有在我的域上设置 SSL，我使用的是 https。我将 URL 切换为 http，一切正常。

注意：特别感谢 Jason Bahl（wpgraphql 插件创建者），他付出了更多努力并解决了这个问题。

Answer 2

我认为你应该使用gatsby-source-wordpress。这将导入配置中提供的所有数据并将其转换为 GraphQL。

如果你对此感兴趣，可以关注Tim Smith的教程

希望对你有帮助！

Answer 3

我尝试调用不同的 graphQL 查询，例如

https://wordpress-285784-933130.cloudwaysapps.com/graphql?query={%20page{id}%20}

这会给出错误，说明缺少强制性数据，这似乎是您的数据有问题。此外，如果您可以检查您尝试调用的查询是否实际上直接给出结果，如您提到的在 wpgraphiql 中确实有效，这将很有用。