Apollo客户端在Next.js的getServerSideProps中无法通过SchemaLink进行查询
创始人
2024-09-09 11:30:37
0

在Next.js应用程序中,getServerSideProps执行在服务器端,在此期间无法直接使用Apollo Client进行查询,因为Apollo Client需要在客户端浏览器上执行。但是,您可以使用isomorphic-unfetch模块,在服务器端执行查询并返回结果。

以下是使用isomorphic-unfetch解决此问题的示例代码:

import { ApolloClient, InMemoryCache, gql } from '@apollo/client';
import fetch from 'isomorphic-unfetch';

async function fetchData() {
  const client = new ApolloClient({
    ssrMode: true,
    link: new SchemaLink({
      schema: mySchema,
      context: {},
    }),
    cache: new InMemoryCache()
  });
  
  const { data } = await client.query({
    query: gql`
      query MyQueryName {
        // your query here
      }
    `
  });
  
  return data;
}

export async function getServerSideProps() {
  const data = await fetchData();
  return { props: { data } };
}

此代码将创建一个新的Apollo Client实例,并使用isomorphic-unfetch模块执行查询,并将数据作为prop传递给页面组件。

相关内容

热门资讯

辅助开挂!科乐填大坑辅助器,德... 辅助开挂!科乐填大坑辅助器,德普软件(透视)开挂辅助脚本(确实有挂);1、超多福利:超高返利,海量正...
辅助开挂!随意玩辅助器视频有挂... 辅助开挂!随意玩辅助器视频有挂,红龙poker辅助指令(透视)开挂辅助工具(有挂透明挂);致您一封信...
辅助开挂!多乐跑胡子辅助,德普... 辅助开挂!多乐跑胡子辅助,德普之星私人局透视(透视)开挂辅助平台(发现有挂);是一款可以让一直输的玩...
开挂辅助!吉祥填大坑机制原理,... 开挂辅助!吉祥填大坑机制原理,wpk显示有辅助(透视)开挂辅助下载(确实有挂),吉祥填大坑机制原理是...
开挂辅助!佛手十三道大菠萝辅助... 开挂辅助!佛手十三道大菠萝辅助,wepoker有辅助插件吗(透视)开挂辅助脚本(有挂详情);佛手十三...
辅助开挂!上饶打炸漏洞,imp... 辅助开挂!上饶打炸漏洞,impoker辅助(透视)开挂辅助插件(详细教程);大家肯定在之前上饶打炸漏...
开挂辅助!微友辅助器免费版v2... 开挂辅助!微友辅助器免费版v2.0,wepoker透视app下载(透视)开挂辅助安装(竟然有挂);微...
辅助开挂!天天微友辅助器,竞技... 《辅助开挂!天天微友辅助器,竞技联盟透视(透视)开挂辅助平台(有挂解惑)》 天天微友辅助器软件透视开...
辅助开挂!微信小程序微乐辅助器... 辅助开挂!微信小程序微乐辅助器教程,德州局怎么透视(透视)开挂辅助脚本(竟然有挂);致您一封信;亲爱...
辅助开挂!蜀山挂机辅助,wep... 辅助开挂!蜀山挂机辅助,wepoker辅助脚本(透视)开挂辅助软件(详细教程);亲,有的,ai轻松简...