Open HDxXxHD opened 4 years ago
Are you running the GraphQL server and your UI server together on port 8000? That's what this approach of using both httpEndpoint
and browserHttpEndpoint
assumes.
For example, in a project I use nuxt.render
to run Nuxt and my GraphQL API in the same Express app / server. It looks something like this:
const express = require("express");
const middleware = require("./middleware");
const graphqlServer = require("./graphql");
const nuxtServer = require("./nuxt");
const app = express();
app.use(middleware);
app.use("/graphql", graphqlServer);
app.use(nuxtServer);
app.listen(process.env.PORT);
In my nuxt.js
server file I use nuxt.render
. Note that it's using Nuxt version 2.11.0, which seems to have an older API than what's in the docs today.
const { Nuxt, Builder } = require("nuxt");
const express = require("express");
const config = require("../nuxt.config.js");
const nuxt = new Nuxt(config);
// hot-reloading in dev
if (config.dev) {
console.log("Development mode detected, building Nuxt…");
new Builder(nuxt).build();
}
const nuxtServer = express();
nuxtServer.use(nuxt.render);
module.exports = nuxtServer;
And the graphql.js
server looks something like this:
const express = require("express");
const { ApolloServer, gql } = require("apollo-server-express");
const graphqlServer = express();
module.exports = graphqlServer;
const apolloServer = new ApolloServer({
modules: [
// define your modules here
],
context: ({ req, res }) => ({ req, res }),
});
apolloServer.applyMiddleware({
app: graphqlServer,
path: "/",
});
I am getting below Error while starting Apollo server, Any idea ?
[nodemon] Throwing Error while starting server
[nodemon] FetchError: request to http://localhost:5003/graphql failed, reason: connect ECONNREFUSED 127.0.0.1:5003[nodemon] at ClientRequest.
also having same issue. but the problem can't change the port it keep using the first port setuped.
NuxtServerError Network error: request to http://localhost:8000/graphql failed, reason: connect ECONNREFUSED 127.0.0.1:8000
index.vue
nuxt.config.js
errors: NuxtServerError Network error: request to http://localhost:8000/graphql failed, reason: connect ECONNREFUSED 127.0.0.1:8000
How can I fix this feature?
@chriscalo