【问题标题】:How to connect Apollo client with Apollo server如何连接 Apollo 客户端和 Apollo 服务器
【发布时间】:2026-02-19 19:05:02
【问题描述】:

我正在关注 https://www.apollographql.com/docs/tutorial/client/ 上的 Apollo 教程。我的服务器在localhost:4000 上成功运行,我的客户端在localhost:3000 上运行。客户端编译成功,但我在浏览器中收到 400 错误,它指向 Apollo 错误:

Uncaught (in promise) Error: Network error: Response not successful: Received status code 400 at new ApolloError (bundle.esm.js:76).

本教程使用我没有安装的客户端 TypeScript,所以我在全局安装了它,但是除了教程提到的内容之外,我没有对客户端进行任何其他更改。不知道是不是这个问题。

作为参考,教程的 repo 位于https://github.com/apollographql/fullstack-tutorial

【问题讨论】:

  • 400 错误意味着您的查询本身无效或格式错误。检查useQuery 挂钩返回的error 对象以确定原因。您还可以在浏览器的开发工具中查看来自服务器的原始响应。 errors 数组将包含有关您的查询出了什么问题的详细信息。

标签: typescript apollo-client apollo-server


【解决方案1】:

已解决:原来我不小心删除了导致 400 的模式类型字段。按照本教程进行操作时也出现编译错误(另一个文件中的命名导入引发错误),但我通过制作解决了这个问题它是默认导入。

【讨论】:

    最近更新 更多