创建 React 应用程序：使用 PUBIC_URL 设置 OG 图像不起作用

Question

我正在尝试设置og-imageCRA 应用程序，我正在这样做：

<meta content="website" property="og:type" /> <meta content="%PUBLIC_URL%/og-image.png" property="og:image" /> <meta content="Tile goes here..." property="og:title" />

图像位于pubic文件夹内，但图像未显示在操作上。
当我这样做时http://localhost:3000/og-images.png，它起作用了。但是，我不想在这里设置固定值。

我做错了什么？

编辑：我的文件夹结构：

app
  - public
    - index.html
    - favicon.ico
    - og-image.png
  - src

Answer 1

这可以通过使用 sever.js 提供捆绑包和静态文件来解决，这将允许您向 ReactJS 应用程序添加动态元标记。

您可以在这篇文章中找到有关如何执行此操作的详细说明：

https://www.kapwing.com/blog/how-to-add-dynamic-meta-tags-server-side-with-create-react-app/

希望这仍然可以帮助那里的任何人