FetchError：无效的 json 响应正文在 .. 位置 0 的 JSON 中的意外令牌 <答案

【问题标题】：FetchError: invalid json response body at .. Unexpected token < in JSON at position 0FetchError：无效的 json 响应正文在 .. 位置 0 的 JSON 中的意外令牌 <
【发布时间】：2021-10-14 12:09:06
【问题描述】：

我正在使用 nextjs 并且（graphql 的新手）尝试使用 graphql 端点从 wordpress 获取数据我关注了这个回购 https://github.com/alexander-young/wp-next-headless

本教程

https://www.youtube.com/watch?v=bIc6NrPsHjs

但是遇到这个错误

FetchError：http://www.ahmedsamir.rf.gd/graphql 处的无效 json 响应正文原因：意外的令牌

关于查询的部分工作正常，知道吗？

【问题讨论】：

跨域问题？
但这在教程中有效吗？
你能发布graphql响应吗？
你是这个意思？ {“数据”：{“帖子”：{“节点”：[{“标题”：“123”，“slug”：“123”}，{“标题”：“测试”，“slug”：“测试” }, { "title": "Hello world!", "slug": "hello-world" } ] } },
我会假设您的文件中没有<？

标签： reactjs wordpress graphql next.js

【解决方案1】：

尝试点击有效路由，以便获得 JSON 响应。

 curl --request POST \
            --header 'content-type: application/json' \
            --url 'http://www.ahmedsamir.rf.gd/graphql' \
            --data '{"query":"query { __typename }"}'

您收到的响应是 HTML。这就是你得到错误的方式。

<html>
<head><title>403 Forbidden</title></head>
<body>
<center><h1>403 Forbidden</h1></center>
<hr><center>nginx</center>
</body>
</html>

【讨论】：

这个怎么用？请简化它
@Rafal 您的 graphql API 运行或获取的路由在哪里/是什么？它是本地的还是来自其他服务器？您正在尝试访问没有运行 graphql 服务器的端点。
好的，你为什么从你提供的网站获取数据？像这样输入你的本地graphql服务器http://localhost:4000/graphql然后获取它。它会起作用的。
我认为你没有查看我提供的 repo，但是这个端点是 WordPress 来获取数据并通过 react 在前面本地使用它
你的观点是有效的，但我查找了 repo 并发现了一个本地 graphql 服务器数据从中获取。对于您的情况，您从真实的服务器/网站获取数据，在这种情况下，您需要来自 graphql 服务器的许可 (CORS) 才能获取数据。因为如果有人访问您的 graphql 服务器机会，他们将破坏您的数据。