带有 Vue js 组件和 Googlebot 的 Laravel Blade 模板

Posted

技术标签:

【中文标题】带有 Vue js 组件和 Googlebot 的 Laravel Blade 模板【英文标题】:Laravel Blade template with Vue js components and Googlebot 【发布时间】:2018-04-17 18:30:06 【问题描述】:

大家! 我在为 Googlebot 渲染我的项目时遇到问题。我和我的团队在 laravel 和 VueJS 2 上建立了一个商店,这是一个在线商店,SEO 对这个项目非常重要。但 Googlebot 无法呈现我们的网站 (our site,pagespeed)。 我们结合了 Blade 模板和 Vue 组件。

有人知道怎么帮忙吗? 谢谢。

【问题讨论】:

【参考方案1】:

AFAIK 优化 SEO 的最佳方式是让节点做 s-s-r https://vuejs.org/v2/guide/s-s-r.html,路由器和 laravel 只是成为 api 端点,但是有一个关于使用 php V8Js 进行服务器端渲染的 github 项目。我不知道它是如何工作的,请查看https://github.com/vuejs/vue/issues/4101

【讨论】:

以上是关于带有 Vue js 组件和 Googlebot 的 Laravel Blade 模板的主要内容,如果未能解决你的问题,请参考以下文章

带有 vue js 组件的轮播引导程序

带有动态模板的 Vue.js 组件(例如事件处理程序)

带有 Stripe JS v3 的 Vue 组件

如何在带有打字稿的 vue.js 中使用 javascript 组件?

使用带有 Avoriaz 的 AVA 在 Vue.js 中测试计算属性

vue js - 从纯文本到 vue 组件的 HTML 注入