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 datareact-apollo 错误：[网络错误]：ServerParseError：JSON.parse：JSON 数据第 1 行第 1 列的意外字符
【发布时间】：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。
谢谢丹尼尔。我已经弄清楚了这个问题。谢谢。

标签： node.js reactjs graphql react-apollo

【解决方案1】：

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

【讨论】：