GraphIql apollo 引擎不支持的内容类型

Question

我正在运行ning apollo-server-express，一切正常。我有 2 个端点 - 1 个用于 graphiql (/graphql) 和一个用于非交互式 (/client) 查询（我知道 - 在我开始使用 apollo 之前它们被称为）。

 app.use('/client', bodyParser.json() ,  
  (req, res,next) => {
    const context = { pool , apiKey:req.query.key , bidules };
    if (server.isAuthorized(context.apiKey)) {
      return graphqlExpress({
        schema: schema,
        context: context,
        tracing: true,
        cacheControl: {
          defaultMaxAge: 30,
        }
      }) (req,res,next); 
    }
    else {
      res.setHeader('Content-Type', 'application/json');
      res.status(403)
      .send (JSON.stringify({
        errors:[ {message: "api key is unauthorized"} ]
      })); 
    }
  }
);

// endpoint for browser graphIQL
app.use('/graphql',  graphiqlExpress({ 
  endpointURL: '/client' 
}));


app.use("/schema", (req, res) => {
  res.set("Content-Type", "text/plain");
  res.send(printSchema(schema));
});

但是，当我介绍apollo引擎时

engine.listen({
  port: port,
  expressApp: fidserver.app,
  graphqlPaths: ['/graphql', '/client']
});

一切仍然正常 - 除非我在浏览器上使用查询作为参数在浏览器上刷新 graphiql url。

然后我得到这个错误

{"errors":[{"message":"Unsupported Content-Type from origin: text/html"}]}

在没有 apollo 引擎的情况下做同样的事情运行ning 不会导致错误。如果运行再次查询，或者在没有查询和变量参数的情况下刷新浏览器，无论是否启用 Apollo 引擎，一切都正常。

当错误发生时，我可以从我的服务器日志中看到它正在尝试 return 一个反应网页，其中包含一些 javascript 用于从某处解码参数，但我无法从哪里追踪- 它没有达到我的任何代码。

Answer 1

这是由 Apollo 的人解决的。这就是答案 - 我不应该在 engine.listen 选项中提到我的 graphIQL 终点。

Engine 只能放置在客户端和 GraphQL 服务器端点之间。试试这样的配置：

engine.listen({
  port: port,
  expressApp: fidserver.app,
  graphqlPaths: ['/client'] // removed "graphql"
});

GraphIql apollo 引擎不支持的内容类型

Unsupported content type with GraphIql apollo engine

graphql

apollo-server