Apollo客户端无法通过SchemaLink查询NextjsgetServerSideProps
创始人
2024-09-09 11:30:30
0

问题出现是因为Next.js的getServerSideProps在后端执行,而Apollo客户端使用的是浏览器中的SchemaLink。但是我们可以通过一些修改来解决这个问题。

第一步:创建一个Apollo Provider并将客户端传递给它

import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';

const client = new ApolloClient({ uri: 'http://localhost:3000/api/graphql', cache: new InMemoryCache() });

export default function App({ Component, pageProps }) { return ( ); }

第二步:使用Apollo客户端来查询数据

export const getServerSideProps = async (context) => { const { data } = await client.query({ query: gql query { helloWorld } , });

return { props: { helloWorld: data.helloWorld, }, }; };

通过这个方法,我们现在可以在Next.js的getServerSideProps中使用Apollo客户端来查询数据了。

相关内容

热门资讯

透视有挂!wpk可以作弊吗,w... 透视有挂!wpk可以作弊吗,wpk俱乐部是真的吗,教你攻略(有挂技巧);1)wpk俱乐部是真的吗辅助...
透视线上!hhpoker软件靠... 透视线上!hhpoker软件靠谱吗,hhpoker有后台操作吗,细节方法(有挂细节)所有人都在同一条...
透视了解!wpk俱乐部有没有辅... 透视了解!wpk俱乐部有没有辅助,wpk德州局怎么透视,扑克教程(有挂脚本);进入游戏-大厅左侧-新...
透视透视!wpk是真的还是假的... 透视透视!wpk是真的还是假的,wpk有辅助器吗,AI教程(有挂揭秘);1、构建自己的wpk是真的还...
透视ai代打!wpk俱乐部辅助... 透视ai代打!wpk俱乐部辅助器,wpk透视是真的假的,透牌教程(有挂教程)1、wpk透视是真的假的...
透视神器!德州hhpoker是... 透视神器!德州hhpoker是真的吗,hhpoker真的假的,细节方法(有挂技巧)1、德州hhpok...
透视智能ai!wpk透视插件,... 透视智能ai!wpk透视插件,wpk控制牌是真的吗,AI教程(有挂黑科技)一、wpk控制牌是真的吗软...
透视透视!hhpoker开挂教... 透视透视!hhpoker开挂教程,hhpoker透视脚本下载,必赢方法(有挂揭秘)1、hhpoker...
透视透视!wpk辅助哪里买,w... 透视透视!wpk辅助哪里买,wpk插件,科技教程(有挂细节)1、许多玩家不知道wpk辅助哪里买辅助软...
透视工具!购买的wpk辅助在哪... 透视工具!购买的wpk辅助在哪里下载,wpk有作弊吗,新2025版(有挂详情);1、打开软件启动之后...