在 Next js 上更新的头部部分在源代码中不可见

Rav*_*bey 5 server-side-rendering next.js

我正在为我的网站使用 Next js，并在每个页面上添加 Head 部分以进行 SEO

这是我的所有博客页面的代码。我已经导入 withRouter 以便我可以在 Head 部分使用 router

 const head = () => {
    <Head>
      <title>Mental health blogs | {APP_NAME}</title>
      <meta
        name="description"
        content="Mental Health blogs and tutorials on how to live mental-illness free"
      />
      <link rel="canonical" href={`${DOMAIN}${router.pathname}`} />
      <meta
        property="og:title"
        content={`Latest mental health blogs | ${APP_NAME}`}
      />
      <meta
        property="og:description"
        content="Mental Health blogs and tutorials on how to live mental-illness free"
      />
      <meta property="og:type" content="website" />
      <meta property="og:url" content={`${DOMAIN}${router.pathname}`} />
      <meta property="og:site_name" content={`${APP_NAME}`} />

      <meta property="og:image" content={`${APP_NAME}`} />
      <meta property="og:image:secure_url" content={`${APP_NAME}`} />
      <meta property="og:image:type" content={`${APP_NAME}`} />
      <meta property="fb:app_id" content={`${FB_APP_ID}`} />
    </Head>;
  };

Run Code Online (Sandbox Code Playgroud)

我的所有博客页面是服务器端呈现的。当查看此页面的源代码时，我看不到我的元标题、元描述等。不知道这里出了什么问题。提前致谢！

归档时间：	5 年，2 月前
查看次数：	268 次
最近记录：	5 年，2 月前