【问题标题】:Vue SPA - PhantomJS works successfully, but Fetch As Google shows blankVue SPA - PhantomJS 工作成功,但 Fetch As Google 显示空白
【发布时间】:2019-05-16 11:53:55
【问题描述】:
我的团队使用 Vue (https://tutorismhk.com/) 构建了一个 SPA。
在进行 SEO 时,我们发现 Fetch As Google 无法呈现页面(在预览中显示空白页面)。没有显示错误信息。
我们已经使用 PhantomJS v2.1.1 进行了测试 - 使用它从我们的本地机器呈现上述 URL 并将屏幕捕捉到图像中。它运作良好。
知道如何调试它吗?
【问题讨论】:
标签:
vue.js
phantomjs
seo
single-page-application
【解决方案1】:
经过反复试验,我们找到了一种解决方法。我们的应用程序有两个问题。
我们手动安装了最新的 babel-polyfill。我猜这会导致一些不兼容的问题。
似乎在将@vue/cli-plugin-babel 升级到 v3.4.0 之后,我们的其他依赖项(在我们的例子中是 vue-izitoast v1.1.2)开始出现问题。
卸载 babel-polyfill 并将 @vue/cli-plugin-babel 降级到 v3.3.0 后,Fetch As Google 成功呈现我们的页面。