首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Next.js拦截响应

Next.js拦截响应
EN

Stack Overflow用户
提问于 2019-12-17 05:39:10
回答 1查看 659关注 0票数 1

下面是我的服务器的外观片段

代码语言:javascript
复制
nextApp.prepare().then(() => {
    createServer((req, res) => {
    const parsedUrl = parse(req.url!, true);
    handleNextRequest(req, res, parsedUrl);
    }).listen(port);
});

一旦我得到了请求的响应,我怎么才能基本上添加html注释或任何标签呢?

我想做的是,在body标签之前和之后,我想添加一些注释。

当前结构

代码语言:javascript
复制
<body></body>

我想要的

代码语言:javascript
复制
<!--someContext-->
  <body> some content </body>
<!--someMoreContext-->
EN

回答 1

Stack Overflow用户

发布于 2019-12-17 05:59:35

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

代码语言:javascript
复制
// ./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
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59364646

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档