时间戳

首页 > 解决方案 > Next.js 向 _document.js 添加有条件的标题元素

next.js - Next.js 向 _document.js 添加有条件的标题元素

问题描述

_document.js仅当呈现特定路线时，我才希望将这些行添加到。你知道如何？

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Fintech | Codrop | Landing Page App Template</title>
<meta name="description" content="">
<script src="themekit/scripts/jquery.min.js"></script>
<script src="themekit/scripts/main.js"></script>
<link rel="stylesheet" href="themekit/css/bootstrap-grid.css">
<link rel="stylesheet" href="themekit/css/style.css">
<link rel="stylesheet" href="themekit/css/glide.css">
<link rel="stylesheet" href="themekit/css/magnific-popup.css">
<link rel="stylesheet" href="themekit/css/content-box.css">
<link rel="stylesheet" href="themekit/css/contact-form.css">
<link rel="stylesheet" href="themekit/css/media-box.css">
<link rel="stylesheet" href="skin.css">
<link rel="icon" href="media/favicon.png">

_document.js：

import Document, { Html, Head, Main } from "next/document";
import NextScript from "../components/nextscript";
import { FB_PIXEL_ID } from "../lib/fpixel";
import { BARION_PIXEL_ID } from "../lib/barionpixel";
import { NEXT_PUBLIC_GOOGLE_ANALYTICS } from "../lib/gtm";

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

  render() {
    return (
      <Html>
        <Head>
          <link rel="icon" type="image/x-icon" href="/logo.png" />
          <meta charSet="utf-8" />
          <meta name="theme-color" content="#000000" />
          <link rel="apple-touch-icon" href="/logo.png" />
          <meta property="og:type" content="website" />
          <meta property="fb:app_id" content="2773133082797983" />
          <meta name="form

标签： next.js

解决方案

推荐阅读