如何在laravel应用程序中实现单个vue组件的SSR?

问题描述 投票:3回答:2

我正在做一个laravel项目。有很多vue组件,我需要通过SEO进行SSR。我不能使用nuxt.js或类似的东西,因为我的应用程序不是SPA。我有默认的混音设置:

const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.sass', 'public/css');
mix.disableSuccessNotifications();

我把vue组件放到了像<example-component></example-component>这样的laravel视图(刀片模板)上。在这种情况下,如何为组件实现SSR?

我需要将这些组件作为渲染的html添加到响应中,而不是因为SEO而导致<example-component></example-component>

laravel vue.js ssr
2个回答
4
投票

服务器端渲染不是一个单行,但有一个laravel包来做它,请检查出来:

https://github.com/spatie/laravel-server-side-rendering


0
投票

当前的解决方案需要使用Node,或者在极端情况下需要使用PHP和V8Js引擎。

请参阅https://ssr.vuejs.org/guide/#integrating-with-a-server以帮助您入门。 vue-server-renderer基于Node / express.js实现,它预先呈现您的HTML。

我还没有尝试任何基于PHP的解决方案,不幸的是,这是我现在可以给你的最佳答案。

© www.soinside.com 2019 - 2024. All rights reserved.