Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 创建React应用程序:使用PUBIC_URL设置OG图像无效_Html_Reactjs_Create React App_Facebook Opengraph - Fatal编程技术网

Html 创建React应用程序:使用PUBIC_URL设置OG图像无效

Html 创建React应用程序:使用PUBIC_URL设置OG图像无效,html,reactjs,create-react-app,facebook-opengraph,Html,Reactjs,Create React App,Facebook Opengraph,我正在尝试将og image设置为CRA应用程序,我的操作如下: 图像位于pubic文件夹中,但图像不会显示在op上。 当我做http://localhost:3000/og-images.png,它可以工作。但是,我不想在这里设置固定值 我做错了什么 编辑:我的文件夹结构: app - public - index.html - favicon.ico - og-image.png - src 这可以通过使用一个sever.js为bundle和静态文件提供

我正在尝试将
og image
设置为CRA应用程序,我的操作如下:


图像位于
pubic
文件夹中,但图像不会显示在op上。
当我做
http://localhost:3000/og-images.png
,它可以工作。但是,我不想在这里设置固定值

我做错了什么

编辑:我的文件夹结构:

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

这可以通过使用一个sever.js为bundle和静态文件提供服务来解决,这将允许您向ReactJS应用程序添加动态元标记

你可以在这篇文章中找到关于如何做到这一点的详细解释:


希望这仍然能帮助其他人

你能分享你的文件夹结构吗?@rajibkarmaker我补充说这是不可能的。如果没有服务器端渲染,就无法解决此问题。您可以仅为元标记添加服务器端渲染,而只在客户端渲染应用程序的其余部分。请自己做一些研究。我不确定,但它可能对你有帮助@rajibkarmaker谢谢你的回复。我还有一个关于类似东西的问题。我把favicon放在公用文件夹里,和og图像不同,它工作正常。你知道为什么吗?你有没有找到解决办法?我正为同一个问题苦苦挣扎。我不明白为什么这个问题没有得到更广泛的讨论。