【React】服务器端渲染

[famousczm]

问题描述

在做 Facebook 分享时，分享的网页是客户端渲染的，根据传进来的路径携带的参数来动态请求对应的内容。导致分享后 Facebook 显示不出要分享的内容和图片，和我们预期的效果完全不同

问题分析

Facebook 的分享会去抓取链接中对应的 标签来获取内容，具体配置如下：

<meta property='og:title' content='${title}' />
<meta property='og:image' content='${image}' />
<meta property='og:description' content='${description}' />

但由于是客户端渲染，动态去配置 标签 facebook 也是不会抓取得到，所以只能使用服务器端渲染完成后生成静态页面返回回来这种做法。

解决方法