Question

我在nodejs中设置了apollo graphql服务器。下面是源代码。我可以启动服务器，它开始在端口6000上侦听。但是在浏览器中打开URL（This site can’t be reached）时得到http://localhost:6000/graphiql。我想知道我的代码有什么问题。

const express = require('express');
const bodyParser = require('body-parser');
const { graphqlExpress, graphiqlExpress } = require('apollo-server-express');
const { makeExecutableSchema } = require('graphql-tools');

// Some fake data
const books = [
  {
    title: "Harry Potter and the Sorcerer's stone",
    author: 'J.K. Rowling',
  },
  {
    title: 'Jurassic Park',
    author: 'Michael Crichton',
  },
];

// The GraphQL schema in string form
const typeDefs = `
  type Query { books: [Book] }
  type Book { title: String, author: String }
`;

// The resolvers
const resolvers = {
  Query: { books: () => books },
};

// Put together a schema
const schema = makeExecutableSchema({
  typeDefs,
  resolvers,
});

// Initialize the app
const app = express();

// The GraphQL endpoint
app.use('/graphql', bodyParser.json(), graphqlExpress({ schema }));

// GraphiQL, a visual editor for queries
app.use('/graphiql', graphiqlExpress({ endpointURL: '/graphql' }));

// Start the server
app.listen(6000, () => {
  console.log('Go to http://localhost:6000/graphiql to run queries!');
});

Answer 1

这是一个端口问题，即使您可以在终端上卷曲它，端口6000也是大多数浏览器都不认为安全的端口之一。例如，这应该起作用：

curl -X POST http://localhost:6000/graphql \
-H "Content-Type: application/json" \
-d '{"query": "{ books { title } }"}'

但是不应该在浏览器上运行它，因为端口受到限制。您可以在Chrome和Firefox上看到受限端口的列表，其他浏览器也应遵循此规则。

如果将端口更改为4000（例如，或任何其他不受限制的端口），则一切正常。

从浏览器连接到Apollo graphQL服务器时出现404错误

1 个答案: