应用错误收集

Next.js拦截响应

时间：2019-12-16 21:39:09

标签： node.js next.js

以下是我的服务器的摘要

nextApp.prepare().then(() => {
    createServer((req, res) => {
    const parsedUrl = parse(req.url!, true);
    handleNextRequest(req, res, parsedUrl);
    }).listen(port);
});

获得请求的响应后，基本上如何添加html注释或任何标签？

我想做的是在body标签之前和之后添加一些评论。

当前结构

<body></body>

我想要的

<!--someContext-->
  <body> some content </body>
<!--someMoreContext-->

1 个答案:

答案 0 :(得分：0)

您可以通过编辑Next的_document特殊文件来完成此操作，该文件用作页面的基本模板。

// ./pages/_document.js
import Document, { Html, Head, Main, NextScript } from 'next/document'

class MyDocument extends Document {
  static async getInitialProps(ctx) {
    const initialProps = await Document.getInitialProps(ctx)
    return { ...initialProps }
  }

  render() {
    return (
      <Html>
        <Head />
        <body>
          <Main />
          <NextScript />
        </body>
      </Html>
    )
  }
}

export default MyDocument