vite预渲染 vite-plugin-prerender 大坑记录

本文部分配置转自：vite预渲染怎么实现_猿耳盗铃的博客-CSDN博客

懒得重新写，贴下版本和自己踩的各种坑吧

以下为版本，本文只给vite vue3的建议，不一定适用，因为正常情况能build成功，我昨天中午之前一直没问题，能正常预渲染，中午之后到今天都是报错。

 

 下面为打包时遇到的问题：

[vite-plugin-prerender] Unable to prerender all routes!

源码里打印出来就是下面这俩：

TimeoutError: Navigation Timeout Exceeded: 30000ms exceeded

puppeteer Error: Page crashed!

上述问题根据百度星星点点的修改方案，不适用，因为都是webpack的，vite版本的真的太少了

建议一：打包时候，dist下重新建一层文件夹，这样一般情况是可以预渲染成功（不过昨天也失败好多次）

 

build下outDir，vitePrerender下staticDir，base配置v3下， 路由配置v3下跳转。不然刷新404，

多一层访问的花，做seo很丑，www.xxx.com/v3 这种，让运维给配置下nginx吧。

上述多一层的方式虽然不完美，但是也可以讲究下。

 有说可能是网络原因导致的，具体不清楚，如果不加层级能正常打包是最好的。