如何在React JS项目中提供动态元标记

时间:2019-05-20 09:15:43

标签: javascript reactjs meta-tags react-helmet

当前,我正在js文件中使用带有meta-tag的meta标签。它在检查元素时为我提供了meta标签节点,但是当我查看页面源代码或试图在任何社交媒体(如Facebook或Twitter)中共享链接时,我仅获得index.html文件中的值。我希望每个页面中都有一组单独的元标记。我该怎么办?

经过一些研究,我发现了这个link。但是我不知道如何使用SSR。这是我需要的吗?有人可以帮我理解吗?

2 个答案:

答案 0 :(得分:0)

如果在服务器端使用react,则可以使用react-helmet在服务器本身中呈现meta标签。查看server-usage部分以获取有关说明。

答案 1 :(得分:0)

您可以使用 npm i react-meta-tags

引用:https://www.npmjs.com/package/react-meta-tags

WinSCP.SessionRemoteException: Error transferring file '/site/wwwroot/.dockerignore'.
Can't open file 'D:\.dockerignore'.
System Error.  Code: 5.
Access is denied
Copying files from remote side failed.

您还可以参考官方文档:https://facebook.github.io/create-react-app/docs/title-and-meta-tags