Vue.js - 预渲染插件

Question

我想使用这个plugin。预渲染我的一些vue.js 组件。

我的项目结构是Laravel 5.4附带的那个

├── app
├── artisan
├── bootstrap
├── resources
    ├── assets
        js
        app.js
        bootstrap.js
        components
webpackconfig.js

我的组件位于components

我在webpackconfig.js 中添加了这个，以尝试渲染链接到/ 路由的组件。

new PrerenderSpaPlugin(path.join(__dirname, './dist'), [ '/' ]),

问题

生成的文件index.html包含{"statusCode":404,"error":"Not Found"}

问题

我应该怎么做才能预渲染我的组件？

Answer 1

按照文档示例进行操作。您使用了错误的路径，请使用 ../dist 而不是 ./dist

new PrerenderSpaPlugin(
    // Path to compiled app
    path.join(__dirname, '../dist'),
    // List of endpoints you wish to prerender
   [ '/' ]
)

https://vuejs-templates.github.io/webpack/prerender.html

Answer 2

您应该为您的index.html 入口点定位正确的路径。
您当前的目标是 dist 文件夹。