VUE预渲染

最新推荐文章于 2023-05-30 16:00:22 发布

迈克雷（MichaelRay）

最新推荐文章于 2023-05-30 16:00:22 发布

阅读量1.6k

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/michael51/article/details/79290001

版权

Vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

npm install -D prerender-spa-plugin

修改webpack.prod.conf.js，在CopyWebpackPlugin后面，增加内容。

var PrerenderSpaPlugin = require('prerender-spa-plugin')

new PrerenderSpaPlugin(
    //将渲染的文件放到dist目录下
      path.join(__dirname, '../dist'),   
      //需要预渲染的路由信息
      [ '/','/introduct','/culture','/Chairman','/president','/fund','/news','/honor' ],
      {
      //在一定时间后再捕获页面信息，使得页面数据信息加载完成
        captureAfterTime: 50000,
        //忽略打包错误
        ignoreJSErrors: true,
        phantomOptions: '--web-security=false',
        maxAttempts: 10,
      }
    ),