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

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

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

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

vite预渲染 vite-plugin-prerender 大坑记录_第1张图片

vite预渲染 vite-plugin-prerender 大坑记录_第2张图片 

vite预渲染 vite-plugin-prerender 大坑记录_第3张图片

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

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

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

TimeoutError: Navigation Timeout Exceeded: 30000ms exceeded

puppeteer Error: Page crashed!

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

建议一:打包时候,dist下重新建一层文件夹,这样一般情况是可以预渲染成功(不过昨天也失败好多次)vite预渲染 vite-plugin-prerender 大坑记录_第4张图片

 vite预渲染 vite-plugin-prerender 大坑记录_第5张图片

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

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

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

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

你可能感兴趣的:(数学建模)