带子目录的URL下GraphQL查询失效问题求助

问题出在你配置Apollo Client的httpLink时使用了相对路径'graphql'，这个路径会根据当前页面的路由URL自动拼接。比如在/profile/:username页面时，相对路径会被解析为/profile/graphql，而非根路径的/graphql。

只需要将uri的值改为绝对路径'/graphql'即可解决：

const httpLink = createHttpLink({
  uri: '/graphql' // 改为绝对路径
});

修改后，无论你在网站的哪个路由路径下，所有GraphQL请求都会正确指向http://localhost:3000/graphql。

内容的提问来源于stack exchange，提问作者Rubemecia