Closed roshanlal-promenna closed 1 year ago
I followed your all instructions, but still not able to run example.
<template> <div>SSR</div> </template>`
Welcome.blade.php
<html> <head> <title>My server side rendered app</title> <script defer src="{{ mix('js/app-client.js') }}"></script> </head> <body> <div id="app"> {!! ssr('js/app-server.js')->render() !!} </div> </body> </html>
webpack.mix.js
mix .js('resources/js/app-client.js', 'public/js') .js('resources/js/app-server.js', 'public/js') .vue() .sass('resources/sass/app.scss', 'public/css');
app-client.js
import app from './app';
app.$mount('#app');
5. app-server.js ```javascript import app from './app'; import renderVueComponentToString from 'vue-server-renderer/basic'; renderVueComponentToString(app, (err, html) => { if (err) { throw new Error(err); } dispatch(html); });
6.app.js
import Vue from 'vue'; import App from './components/App'; export default new Vue({ render: h => h(App) });
let me know what else needed.
View source result:
On browser component showing correctly.
I followed your all instructions, but still not able to run example.
Welcome.blade.php
webpack.mix.js
app-client.js
app.$mount('#app');
6.app.js
let me know what else needed.
View source result:
On browser component showing correctly.