react-apollo - Apollo + react : How do I use a proxy so client and graphql are on the same domain?

Question

我正在关注 Ryan Chenkie 的(优秀的)安全教程，但尝试使用 graphql api 而不是他使用的 REST api。

graphql 服务器在 localhost:4000 上运行，Apollo-React 客户端在 localhost:3000 上。它工作正常。

现在，我想为身份验证 token 使用 cookie，因此我需要客户端和服务器位于同一域中。根据 Chenkie 的建议，我在客户端的 package.json 中设置了一个代理

“代理”:“http://localhost:4000/”

然后在我的 index.js 中，其中设置了 apollo 客户端，我创建了一个 httplink，如下所示:

const link = createHttpLink({
  uri: "http://localhost:3000", 
  headers: { authorization: token },  // The token in the auth header will be removed when the cookie approach is working)
});

对于 uri 我尝试了以下方法:

  uri: "http://localhost:3000"
  uri: "/graphql"
  uri: "/"
  uri: ""

我总是收到 404 错误。知道我做错了什么吗？

感谢您的帮助。

Answer 1

我犯了一个愚蠢的错误。解决方案:必须手动停止并重启客户端react server，代理才能生效。仅保存文件是不够的。

此外，HttpLink uri: "/graphql" 是正确的。它按预期工作(当您重新启动 react 服务器时!)