Question

y react应用程序总是将发布请求发送到http：// localhost：3000，并且会引发如下错误：

createHttpLink.ts:121 POST http://localhost:3000/[object%20Object] 404 (Not Found)

当我尝试将uri传递给HttpLink时会发生这种情况，但是当我直接将uri传递给ApolloClient时，它运行良好，我已经尝试了多种方法的解决方案，但仍然对我不起作用，请帮助我该如何解决这个问题

这是我的代码。

客户端

    const httpLink = new HttpLink({
    uri: "http://localhost:4000/graphql",
    credentials: "include"
    });
    const wsLink = new WebSocketLink({
    uri: ws://localhost:4000/graphql,
    options: {
    reconnect: true
    }
    });

    const splitLink = split(
    ({ query }) => {
    const definition = getMainDefinition(query)
    return (
    definition.kind === 'OperationDefinition' &&
    definition.operation === 'subscription'
    )
    },
    wsLink,
    httpLink
    )
    const client = new ApolloClient({
    uri: splitLink,
    cache: new InMemoryCache(),
   
    export default function ApolloProvider(props){
    return <Provider client={client }{...props}/>
    }

服务器端

const SERVER_PORT = 4000;
const DB_URI = "xxxxxxxxxxxxxxx";
const app = express();
const pubsub = new PubSub();

app.use(cors())

const apolloServer = new ApolloServer({
typeDefs: gql${typeDefs},
resolvers,
context: ({ req }) => ({ req, pubsub })
});

const db = async () => {
try {
const success = await mongoose.connect(DB_URI, {
useNewUrlParser: true,
useUnifiedTopology: true,
useCreateIndex: true,
});
console.log('DB Connected');
} catch (error) {
console.log('DB Connection Error', error);
}
};
db();

apolloServer.applyMiddleware({ app });

const httpserver = http.createServer(app);

apolloServer.installSubscriptionHandlers(httpserver);

app.get('/', function (req, res) {
res.json({
data: 'BLANK PAGE !'
      });
});

httpserver.listen({ port: SERVER_PORT }, () => {
console.log(? Server ready at http://localhost:${SERVER_PORT} let's start!)
})

Answer 1

我通过改变解决了它

来自

从'@ apollo / client'导入{ApolloClient};

到

从“ apollo-client”导入{ApolloClient};

使用HttpLink时，客户端上的apollo-client reactjs 404（未找到）

1 个答案: