node.js - Twitter 无法读取 SSR vue.js 应用程序上的元标记

Question

我正在尝试在一个网站上实现 vue ssr，但我遇到了一个主要问题......虽然我的 ssr 似乎在工作(当我在没有激活 js 的情况下访问我的页面时，我收到了完全呈现的html，包含所有预取数据)，Twitter 无法读取我的元标记...

我的网址是 https://testsite2.slickteam.fr/job/developpeur-fullstack-js-java (站点未完全正常工作，仍在开发中，但 ssr 正在工作，并且此页面上提供了元标记)。有元“twitter:description”、“twitter:title”、“twitter:image”等，但是当我使用带有此 url 的 Twitter 卡片验证器工具 (https://cards-dev.twitter.com/validator) 进行测试时，它显示“信息:已获取页面成功警告:未找到元标记”。

我与 Linkedin 有同样的问题，但 Facebook 似乎工作得很好......

有没有人知道什么会导致 Twitter 无法读取我的元标记？

我正在使用 vue-server-renderer 包，在 nginx 后面有一个 express nodejs 服务器。

谢谢

Answer 1

http 响应不包含 Content-Type: text/html header 。

在 express js 服务器中，解决方案很简单，只需在发送响应之前添加这一行:

response.set('Content-Type', 'text/html');