创建React App：使用PUBIC_URL设置OG图像不起作用

Question

我正在尝试将og-image设置为CRA应用，并且我这样做是：

<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文件夹中，但该图像未在op上显示。
当我执行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/

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