首页 > 解决方案 > Laravel + Vue ssr。预取数据

问题描述

我正在尝试使用服务器端渲染制作应用程序 lavevel + vue。我找到了这本手册,它工作得很好。有一个小问题。我需要在页面加载之前获取数据以解决 SEO 问题,并且我找到了用于预取的官方 vue ssr 手册。但它不起作用。我只在控制台中看到错误
entry-client.js:6952 [Vue warn]: Cannot find element: #app

我的entry-server.js

import {createApp} from './app'
export default context => {
    return new Promise((resolve, reject) => {
        const {app, router, store} = createApp();
router.push(context.url)

router.onReady(() => {
  // This `rendered` hook is called when the app has finished rendering
  context.rendered = () => {
    context.state = store.state
  }

  resolve(app)
}, reject)
}).then(app => {
renderVueComponentToString(app, (err, res) => {
  print(res);
});
})
.catch((err) => {
  print(err);
})
}   

有什么想法如何解决这个问题?

看起来Promise不起作用

Laravel 5.7 和 Vue 2.6.6

标签: laravelvue.jsvue-ssr

解决方案


推荐阅读