我希望能够从API、服务器端检索数据,并将其加载到React上下文中,以便使我的应用程序中的任何组件都可以使用它。我尝试过各种各样的事情,但似乎没有什么能让我做我想做的事情。getInitialProps in _app.js --我可以将其添加到将运行服务器端的_app.js组件中,并可以通过上下文提供程序将其提供给所有组件,但问题是它运行在每个页面上,即使在浏览客户端时也是如此React上下文中。事实上,我似乎不知道如何在任何地方访问这些数据。看起来,getInitialPr
我在应用程序中使用Next.JS,在应用程序的所有页面上都需要一个Navbar组件,而Navbar呈现必须从数据库中获取的数据(特别是product-categories)。我希望这个组件是服务器端呈现的,但是由于Next.JS只支持页面级getServerSideProps,而不支持组件级Navbar,所以我似乎必须在所有页面上使用getServerSideProps来显示这个Navbar,并在每个页面中编写相同的API请求,从而在几个页面中重复进行大量逻辑和API调用。) => {
fe
因此,我在我的Next.js应用程序中创建身份验证逻辑。我创建了处理请求的/api/auth/login页面,如果用户的数据很好,我将使用JWT令牌创建一个httpOnly cookie,并将一些数据返回给前端。我看到最好的方式是使用getInitialProps,但在Next.js站点上,它说我不应该再使用它了,所以我考虑使用getServerSideProps,但这两者都不起作用,否则我可能做错了什么。nothing without changing location
ret
我按照Next.js存储库中的示例设置了一个阿波罗客户端。initial data passed from the server: }),
) 由于显而易见的原因,当我试图从服务器端(在getInitialProps中)进行Graphql API调用时,它抛出了一个错误,因为缺少承载令牌。我如何在这里访问上下文变量-或者是否有其他方法从服务器端访问存储在cookie中的信息?