我正在开发一个Next.js应用程序,该应用程序需要在初始化之前从远程服务器获取配置文件。我想在呈现应用程序服务器端之前,每次调用服务器仅请求一次配置文件。之后,我希望能够在客户端中获得相同的配置,而不必从浏览器向远程服务器发出第二个请求。
我试图通过getInitialProps
在_app
或_document
文件中使用函数来实现此目的,然后使用React的Context API使配置对每个组件可见,但是除非我错了,否则这将在服务器上运行同时请求配置的代码(在第一次调用来自浏览器)和客户端(在每个页面导航上)。
我还尝试创建一个server.js文件,从那里请求配置,并将其存储在ES6模块内的变量中。但是,我无法使这种方法起作用,因为显然Next.js React应用程序无法访问与server.js相同的模块,因为它们实际上是两个不同的应用程序。同样,我可能是错的。
基本上,我想知道Next.js是否提供任何类型的“自举场所”,我可以在其中执行应用程序初始化任务,以生成可以发送到React应用程序Next.js的数据。