Apollo查询在graphql中有效，但在调用graph QL()时无效？

Question

我有一个在 localhost：3010/graphiql 中正常工作的阿波罗查询：

查询

query getIMs($fromID: String!, $toID: String!){
  instant_message(fromID:$fromID, toID: $toID){
    fromID,
    toID,
    msgText
  }
}  

查询变量

{
  "fromID": "1",
  "toID": "2"
}

这是我的代码，用于通过调用图形ql（）来运行查询：

const GETIMS_QUERY = gql`
query getIMs($fromID: String!, $toID: String!){
  instant_message(fromID:$fromID, toID: $toID){
    fromID,
    toID,
    msgText
  }
}  `;


const CreateIMPageWithDataAndMutations = graphql(GETIMS_QUERY, {
    options({ toID, userID }) {
        return {
            variables: { fromID: `${userID}`, toID: `${toID}`}
        };
    }
})(CreateIMPageWithMutations);

“Chrome 网络”标签会显示预期的请求有效负载：

operation name:" getIMs " query:" query getIMs($ fromID:String！，$toID:字符串！){↵instant _ message(fromid:$ fromid，toid:$ toid){↵
fromid↵toid↵msgtext↵__typename↵}↵}↵"变量:{ fromid:" dsmkoypeaumresqc "，toid:" 572 bdda C4 ecbbac 0 FFE 37 FDD " } fromid:" dsmkoypeaumresqc " toid:" 572 bdda C4 ecbbac 0 FFE 37 FDD "

但是数据对象返回了一个ApolloError：

“网络错误：意外令牌

我该如何纠正此问题？

更新

以下是“网络”选项卡的屏幕截图:

Answer 1

在马克·格林斯托克和@尼奥菲的帮助下，我找到了答案。我用这段代码设置了Apollo客户端:

const networkInterface = createNetworkInterface({
    uri: '/graphql',
    opts: {
        credentials: 'same-origin',
    },
    transportBatching: true,
});

这是相对地定义uri，并使用Meteor运行的相同端口（3000）。但是GraphQL服务器当然运行在不同的端口上，在我的例子中是3010。这解决了它：

const networkInterface = createNetworkInterface({
    uri: 'http://localhost:3010/graphql',
    opts: {
        credentials: 'same-origin',
    },
    transportBatching: true,
});