如何在Next.js应用程序中仅获取一次数据并使服务器和客户端中的所有应用程序均可访问

JavaScript React.js

番长前端

2020-03-24

我正在开发一个Next.js应用程序,该应用程序需要在初始化之前从远程服务器获取配置文件。我想在呈现应用程序服务器端之前,每次调用服务器仅请求一次配置文件。之后,我希望能够在客户端中获得相同的配置,而不必从浏览器向远程服务器发出第二个请求。

我试图通过getInitialProps_app_document文件中使用函数来实现此目的,然后使用React的Context API使配置对每个组件可见,但是除非我错了,否则这将在服务器上运行同时请求配置的代码(在第一次调用来自浏览器)和客户端(在每个页面导航上)。

我还尝试创建一个server.js文件,从那里请求配置,并将其存储在ES6模块内的变量中。但是,我无法使这种方法起作用,因为显然Next.js React应用程序无法访问与server.js相同的模块,因为它们实际上是两个不同的应用程序。同样,我可能是错的。

基本上,我想知道Next.js是否提供任何类型的“自举场所”,我可以在其中执行应用程序初始化任务,以生成可以发送到React应用程序Next.js的数据。

第3657篇《如何在Next.js应用程序中仅获取一次数据并使服务器和客户端中的所有应用程序均可访问》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android