apollo-server 和 apollo-server-express 在 GraphQL 端点上的区别

Question

由于我需要向我的 GraphQL 服务器添加更多配置，我正在从apollo-server切换到apollo-server-express （ 按照文档的建议）。

这是我的旧index.ts ：

import { env } from 'process'
import { ApolloServer } from 'apollo-server'
import { typeDefs } from '../graphql/schema'
import { context } from './context'
import resolvers from '../graphql/resolvers/'

const port = env.GRAPHQL_SERVER_PORT || 80

const server = new ApolloServer({
  typeDefs,
  resolvers,
  context
})

server.listen({ port: port }).then(({ url }) => {
  console.log(`Server ready at ${url}`)
})

这就是我现在要做的：

import { env } from 'process'
import { ApolloServer } from 'apollo-server-express';
import { ApolloServerPluginDrainHttpServer } from 'apollo-server-core';
import express from 'express';
import { forceDomain } from 'forcedomain'
import http from 'http';
import { typeDefs } from '../graphql/schema'
import { context } from './context'
import resolvers from '../graphql/resolvers/'

async function startApolloServer(typeDefs: any, resolvers: any, context: any) {
  const port = env.GRAPHQL_SERVER_PORT || 80
  const app = express();
  const httpServer = http.createServer(app);
  const plugins = [ApolloServerPluginDrainHttpServer({ httpServer })]

  const server = new ApolloServer({
    typeDefs,
    resolvers,
    context,
    plugins,
  });

  await server.start();

  app.use(function(req, res, next) {
    // some extra middleware configuration here
  })

  server.applyMiddleware({ app })

  await new Promise<void>(resolve => httpServer.listen({ port: port }, resolve))
  console.log(`Server ready at http://localhost:${port}${server.graphqlPath}`)
}

startApolloServer(typeDefs, resolvers, context)

我不明白的是，在切换到apollo-server-express之后，一切正常（并且添加的中间件完成了我需要它做的事情）但是 GraphQL 端点被移动到/graphql路由（IE http://localhost:4000/graphql或https://my-devel-server.com/graphql ）而不是像以前那样位于根目录下（所以只是http://localhost:4000 ），当我使用apollo-server和listen方法。

为什么会这样，如何在将端点保持在服务器根目录的同时使用apollo-server-express ？

Answer 1

我不确定为什么中间件在没有看到您如何实现它们的情况下现在可以工作，但是“GraphQL 中间件”与“Express 中间件”有很大不同，所以也许这就是它们的结构方式。

关于路由，在/graphql中创建基本 GraphQL 路由只是一个标准，因为在 Express App 中，您可能在根目录中有其他 REST 路由。

要更改此行为，您可以将server.applyMiddleware({ app })行更改为server.applyMiddleware({ app, path: '/' })以及您希望 GraphQL 开始的路径。