react-apollo 错误：[网络错误]：ServerParseError：JSON.parse：JSON 数据第 1 行第 1 列的意外字符

Posted 2023-03-08

【中文标题】react-apollo 错误：[网络错误]：ServerParseError：JSON.parse：JSON 数据第 1 行第 1 列的意外字符

【英文标题】：react-apollo Error: [Network error]: ServerParseError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

【发布时间】：2020-02-09 12:34:22

【问题描述】：

我想通过 apollo 向服务器发送一个请求并得到一个查询：

import React,  Component  from 'react';
import  gql  from 'apollo-boost';
import  graphql  from 'react-apollo';

const getBooksQuery = gql`

    books
        name
        id
    

`

class BookList extends Component 
    render() 
        console.log(this.props);
        return (
            <div>
                <ul id="book-list">
                    <li>Book Name</li>
                </ul>
            </div>
        );
    



export default graphql(getBooksQuery)(BookList);

但我收到以下错误。

[网络错误]：ServerParseError: JSON.parse: JSON 数据的第 1 行第 1 列出现意外字符

我已经用 nodejs 和 graphql 配置了后端服务器。 但我可以在浏览器中轻松打开“http://localhost:4000/graphql/”发送以下查询

图书 姓名 ID

并从数据库中获取数据。有谁知道问题出在哪里？

【问题讨论】：

在浏览器的 DevTools 的网络选项卡中检查您从服务器获得的实际响应。 Apollo 期待 JSON 响应，但服务器返回的是其他内容，很可能是纯文本响应或 html。这通常意味着 A）您的服务器配置错误或 B）您将客户端指向错误的 URL。

谢谢丹尼尔。我已经弄清楚了这个问题。谢谢。

【参考方案1】：

我已经解决了这个问题，我在错误的 URL 中指出了我的客户。