Next.js 拦截响应

Question

Here is snippet of what my server looks like这是我的服务器的片段

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

Once I get the response for the request, how can I append html comment or any tag basically?一旦我得到请求的响应，我如何基本上附加 html 注释或任何标签？

What I wanted to do is, before and after body tag, I want to add some comments.我想做的是，在body标签之前和之后，我想添加一些评论。

Current structure现行结构

<body></body>

What I want我想要的是

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

Answer 1

You can do it by editing the _document special file of Next that used as a base template to the page.您可以通过编辑用作页面基本模板的 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 拦截响应

问题描述

Current structure现行结构

What I want我想要的是

1 个解决方案

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

Next.js 拦截响应

问题描述

Current structure现行结构

What I want我想要的是

1 个解决方案

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

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