Question

请帮助我弄清楚我所缺少的内容。我已经使用spatie / laravel-ssr包为vuejs和laravel网站做了ssr。我已经解决了所有窗口和其他相关问题。但是现在当我在任何请求页面的Chrome上查看源代码时。我只在div下面进入div，在视图源中带有空注释。实际上，它不适用于异步数据。

<div id="app" data-server-rendered="true"><!----></div>

这是名为App.vue的主视图文件

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        message: 'Hello World'
      }
    }
  }
</script>

server.js文件

import app from './app';
import renderVueComponentToString from 'vue-server-renderer/basic';

renderVueComponentToString(app, (err, html) => {
if (err) {
    throw new Error(err);
} 
dispatch(html);
});

client.js文件

import app from './app';

app.$mount('#app');

当我将router-view更改为message时，在视图源中我可以看到Hello World，但是它不适用于动态内容，请在此处指导我所缺少的内容。

vuejs和laravel spa服务器端渲染

0 个答案: