quanghung97/laravel-v8js-ssr-vue

在 Laravel 应用中使用 Vuejs 进行服务器端渲染 V8js


README

依赖

您必须在 PHP 上安装 V8js 扩展,如果您使用 docker,可以使用 php-fpm

https://github.com/quanghung97/laradock/tree/master/php-fpm

安装

1- composer require quanghung97/laravel-v8js-ssr-vue.

2- php artisan vendor:publish --provider="Quanghung97\laravelV8jsSsrVue\LaravelSsrV8jsVueServiceProvider"

3- 在以下 webpack.mix.js 中添加配置

mix.js('resources/js/client.js', 'public/js')
    .js('resources/js/server.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');

此包将创建组件 AppSSR.vue AppSSR.js client.js server.js ssr.blade.php

4- npm install vue-server-renderer --save

5- npm run dev

6- 请更改或删除一些路由,例如 routes/web.php 中的 '/'

示例

Route::get('/', function () { // change '/' to '/something'
    return view('welcome');
});

现在您可以去您的域名,查看页面源代码有 data-server-rendered="true"