Vue.js-使用Laravel将初始产品呈现为HTML

Question

我正在使用Laravel和Vue来展示一家商店的产品。初始产品通过Laravel加载并发送到视图，然后将它们作为初始数据提供给vue脚本。然后，该数据用于在加载时呈现页面。此后，当更改过滤器时，vue从服务器异步获取新数据并更改产品。一切正常。

但是我希望能够在不使用Javascript的情况下呈现用于SEO的初始产品。我唯一想到的是：

• 使用Laravel Blade foreach循环渲染初始产品
• 不向vue提供任何初始数据
• 当应加载新内容时，请删除此初始的PHP呈现的数据并激活v-for循环。

但这不是最漂亮的解决方案。关于如何使它更好的任何想法？

Answer 1

您需要为您的APP实现SSR（服务器端渲染）。 这里介绍了一些选项-https://vuejs.org/v2/guide/ssr.html