Next.js 攔截響應

Question

這是我的服務器的片段

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-->

Answer 1

您可以通過編輯用作頁面基本模板的 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

Next.js 攔截響應

問題描述

現行結構

我想要的是

1 個解決方案

解決方案1
1 2019-12-16 21:59:34

Next.js 攔截響應

問題描述

現行結構

我想要的是

1 個解決方案

解決方案1 1 2019-12-16 21:59:34

解決方案1
1 2019-12-16 21:59:34