如何预渲染我的laravel+;vue应用程序?

如何预渲染我的laravel+;vue应用程序?,laravel,vue.js,webpack,prerender,Laravel,Vue.js,Webpack,Prerender,我有一个laravel应用程序,前端是用Vuejs编写的。我只想预呈现公共页面。prerender spa插件执行此操作的正确配置是什么 网络上的大多数教程都展示了如何为整个网站做这件事,但我只需要预先渲染几页。我一定是遗漏了什么,但我只得到了一个空白页面,并且在预渲染期间没有加载我的javascript。我没有使用vue路由器 const path = require('path') const PrerenderSPAPlugin = require('prerender-spa-plugi

我有一个laravel应用程序,前端是用Vuejs编写的。我只想预呈现公共页面。prerender spa插件执行此操作的正确配置是什么

网络上的大多数教程都展示了如何为整个网站做这件事,但我只需要预先渲染几页。我一定是遗漏了什么,但我只得到了一个空白页面,并且在预渲染期间没有加载我的javascript。我没有使用vue路由器

const path = require('path')
const PrerenderSPAPlugin = require('prerender-spa-plugin')

// In the mix webpack config - 

  plugins: [
    ...
    new PrerenderSPAPlugin({
      // Required - The path to the webpack-outputted app to prerender.
      staticDir: path.join(__dirname, 'static'),
      // Required - Routes to render.
      routes: [ '/' ],
    })
  ]


错误消息:无法预渲染所有路由

静态部分的javascript/vue文件等都应位于静态目录中。如果它们位于通常用于组织应用程序其余部分的文件夹中,则无法正常工作

您需要使用HTMLwebpackPlugin将html复制到输出目录(例如,公开)。Mix的拷贝发生得太晚了。区块将帮助您仅获取所需的js文件

可能重复的