如何使用react.js在Apache服务器上生成动态<meta />标签

时间:2017-12-19 11:10:12

标签: javascript apache reactjs webpack react-router-v4

我通过facebookincubator/create-react-app创建了一个react.js +路由器v4项目,我使用没有后端语言的Apache 2来运行我的项目。

我已阅读此official doc

  

在服务器上生成动态标签

     

由于Create React App不支持服务器呈现,您可能想知道如何使标签动态化并反映当前的URL。要解决此问题,我们建议在HTML中添加占位符,如下所示:

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

然后,在服务器上,无论您使用哪个后端,都可以将index.html读入内存并替换 OG_TITLE OG_DESCRIPTION 以及任何其他具有值的占位符取决于当前的URL。只需确保清理并转义插值,以便可以安全地嵌入HTML!

如果我使用apache运行我的项目没有任何后端语言,有没有办法生成动态标记?

感谢。

2 个答案:

答案 0 :(得分:2)

答案 1 :(得分:0)

使用Apache服务React应用程序,您可以通过将服务器端包含语句插入index.html中来解决此问题。