本文介绍了VUE预渲染和遇到的坑，并与大家分享如下：

NPM install-d prerender-spa-plugin修改webpack.prod.conf.js，并在CopyWebpackPlugin之后添加内容。

var prerenderspaplugin=require(' prerender-spa-plugin ')新的prerenderspaplugin(//将渲染文件放在dist目录路径中。join(__dirname，'./dist ')，//需要预先呈现的路由信息['/'，'/introduction '，'/culture '，'/chairman '，'/president '，'/fund '，'/news '，'/honor']，{//一定时间后捕获页面信息。使页面数据信息的加载完成captureAfterTime: 50000，//忽略包装错误ignorejserrors: true，phantom options 3360 '-web-security=false '，max尝试3360 10，})。

1.下载prerender-spa-plugin故障解决方案

我更新了prerender-spa-plugin，发现运行时出现错误，安装不成功。

但是他会提示你下载什么文件保存到哪个位置，对吗？

提示他在浏览器中输入这个，我的如下

//windows http://github.com/Medium/phantom js/releases/Download/v 2 . 1 . 1/phantom js-2 . 1 . 1-windows . zip//MAC https://github.com/Medium/phantom js/releases/Download/v 2 . 1 . 1/phantom js-2 . 1 . 1-macosx . zip就是下载后面的链接，然后放在他保存提示的目录中

窗子

C: 用户用户应用数据本地临时虚拟

媒体访问控制路径

/var/folders/SF/gyxbw5 _ S1 sq 45 FB 6h s5l _ 77m 0000 gn/T/phantom js/

不要拉开拉链，只要保持。zip，然后更新prerender-spa-plugin

NPM安装prerender-spa-插件2。安装木偶师时出错

木偶师至少需要节点V6.4.0。如果您想使用异步/等待，只有节点v7.6.0或更高版本支持它。节点下载地址：https://nodejs.org/zh-cn/

因为安装的时候需要执行install.js，这里会下载Chromium。官方网站建议跳过它，我们可以执行——忽略——脚本来忽略这个js执行。您还可以通过将环境变量设置为puppet _ skip _ Chromium _ download=1来防止下载Chromium(因为网络被阻止，直接下载将会失败)

一个

npm i -保存木偶师-忽略-脚本

互联网上的另一种方法：

1.创建项目爬网

2.npminit

3.cmd

设置木偶师_跳过_铬_下载=1

4.npm安装

5.npm -i木偶师

木偶师下载完成

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。