Vue SPA-PhantomJS成功运行,但Google提取为空白

时间:2019-05-15 06:48:35

标签: vue.js phantomjs seo single-page-application

我的团队已使用Vue(https://tutorismhk.com/)构建了SPA。 在使用SEO时,我们发现Google抓取方式无法呈现该页面(在预览中显示空白页面)。没有显示错误消息。

我们已经使用PhantomJS v2.1.1进行了测试-使用它可以从本地计算机上呈现上述URL,并将屏幕捕捉到图像中。效果很好。

关于我们如何调试它的任何想法?

1 个答案:

答案 0 :(得分:0)

经过反复试验,我们找到了一种解决方法。我们的应用存在两个问题。

  1. 我们手动安装了最新的babel-polyfill。我猜这会引起一些不兼容的问题。

  2. 在将@ vue / cli-plugin-babel升级到v3.4.0之后,它似乎对我们拥有的其他依赖项(在我们的情况下是vue-izitoast v1.1.2)产生了一些问题。

在卸载babel-polyfill并将@ vue / cli-plugin-babel降级到v3.3.0之后,Google抓取成功呈现了我们的页面。