react 动态设置mate标签内容

2020-06-02  本文已影响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 服务器,甚至可以在客户端和服务器之间共享路由匹配逻辑。然而,重复它也可以在简单的情况下正常工作。

上一篇下一篇

猜你喜欢

热点阅读