溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文介紹了VUE預渲染及遇到的坑，分享給大家，具體如下：
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,
}
),
遇到的問題
1.下載prerender-spa-plugin 失敗解決方案
我更新prerender-spa-plugin 發現運行 下去都是 error報錯 安裝不成功，
但是他會提示你對downloading 什么文件 保存到哪個位置對吧，
把他提示著 這個在瀏覽器 輸入，我的是下面這個
//windows http://github.com/Medium/phantomjs/releases/download/v2.1.1/phantomjs-2.1.1-windows.zip //MAC https://github.com/Medium/phantomjs/releases/download/v2.1.1/phantomjs-2.1.1-macosx.zip
也就是把 downloading后面的 鏈接 下載下來，然后放在他saving提示的目錄下
windows
C:\Users\hasee\AppData\Local\Temp\phantomjs
MAC路徑
/var/folders/sf/gyxbw5_s1sq45fb6hs5l_77m0000gn/T/phantomjs/
不用解壓，保留 .zip就好，然后你在更新下 prerender-spa-plugin
npm install prerender-spa-plugin
2. 安裝puppeteer報錯
Puppeteer 至少需要 Node v6.4.0，如要使用 async / await，只有 Node v7.6.0 或更高版本才支持。 node下載地址： https://nodejs.org/zh-cn/
是因為在執行安裝的過程中需要執行install.js，這里會下載Chromium,官網建議是進行跳過，我們可以執行 —ignore-scripts 忽略這個js執行。也可以通過設置環境變量set PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=1阻止下載 Chromium （因為封網，直接下載會失敗）
1
npm i --save puppeteer --ignore-scripts
網上的另一種方法：
1.創建項目crawl
2. npm init
3.cmd
set PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=1
4.npm install
5.npm -i puppeteer
puppeteer下載完成
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
