美文网首页
react 动态设置mate标签内容

react 动态设置mate标签内容

作者: 沉默紀哖呮肯伱酔 | 来源:发表于2020-06-02 09:54 被阅读0次

    Create React App 不支持服务器端渲染。所以想要动态改变mate标签的内容可以使用一个占位符。

    <!doctype html>
    <html lang="en">
      <head>
        <meta property="og:title" content="__OG_TITLE__">
        <meta property="og:description" content="__OG_DESCRIPTION__">
    

    在服务器上,无论你使用哪个后端服务器,都可以将 index.html 读入内存并将 OG_TITLEOG_DESCRIPTION 和任何其他占位符替换为取决于当前 URL 的值。只需确保清理和插值转义,以便将它们嵌入到 HTML 中是安全的!

    如果使用 Node 服务器,甚至可以在客户端和服务器之间共享路由匹配逻辑。然而,重复它也可以在简单的情况下正常工作。

    相关文章

      网友评论

          本文标题:react 动态设置mate标签内容

          本文链接:https://www.haomeiwen.com/subject/tmbyzhtx.html