Next.js对_app.js和_document.js的使用

ram*_*esh 9 nextjs

我目前使用_document.js将CSS注入我的nextJs应用程序中,我想开始使用_app.js来帮助将数据注入页面中。想知道是否可以同时使用_document和_app还是应该仅使用其中一个?

MoH*_*oHo 21

简短答案:是的,您可以同时使用。它们具有不同的用途,可以在同一应用程序中使用。

根据nextjs网站:

Next.js使用App组件初始化页面。

要覆盖,请创建./pages/_app.js文件并覆盖App类

和

Next.js中的页面会跳过周围文档标记的定义。例如,您从不包含<html>,<body>等。要覆盖该默认行为,必须在处创建一个文件./pages/_document.js,您可以在其中扩展Document类。

注意:_document.js仅在服务器端而不在客户端渲染。因此类似的事件处理程序onClick将无法正常工作。

  • @Webwoman `_app.js` 在服务器端和客户端上呈现(在初始 SSR 期间在服务器上,在水合之后在客户端上,然后在每个页面/路线导航上)。`_document.js` “包装” `_app.js`。 (12认同)
  • 你好,将环境变量注入 _document.js html head 标签安全吗?谢谢 (2认同)