没有服务器端支持的SPA共享(在CDN上托管)

She*_*des 6 javascript facebook opengraph facebook-graph-api single-page-application

我有一个静态网站,一个托管在CDN上SPA - 基本上是一个单一的index.html,其内容区域根据网址中的哈希值进行更新.我需要为FB共享者找到一种方法来显示SPA中当前加载的主要内容的标题和描述

用简单的话说,Facebook共享可以抓取页面来查找og元标记并缓存它们.当我们尝试共享网址/页面时,会显示此信息.

<meta property="og:url"         content="http://www.siteurl.com" /> 
<meta property="og:title"       content="My Site" /> 
<meta property="og:image"       content="Site-img.jpg" /> 
<meta property="og:description" content="Description" />
Run Code Online (Sandbox Code Playgroud)

我尝试使用javascript设置元标记,但最终在抓取时实现,Javascript未执行,因此使用javascript修改元标记是没有用的.另一个解决方案是在页面加载之前从后端设置og标记,但是在CDN上托管,没有服务器端支持来做到这一点.

关于如何解决这个问题的想法?