项目场景:
Vue 项目准备用 prerender-spa-plugin 插件做 SEO 优化,不过项目在服务器的二级目录中,即构建后的 index.html 需放在/xxx/
路径下
问题描述
打包项目时一直处于打包中,无法构建完成也不报错(一直卡在浏览器检测阶段过不去)
如果关闭弹出的浏览器窗口,则报错unable to prerender all routes
解决方案:
在正常配置prerender-spa-plugin的基础上修改(常规配置文章查看)
1.vue.config.js 文件
// vue.config.js
new PrerenderSPAPlugin({
// 注释掉这段代码
// renderAfterDocumentEvent: 'render-event'
})
2.main.js 文件
// main.js
new Vue({
原配置: // document.dispatchEvent(new Event("render-active"));
修改后配置: document.dispatchEvent(new Event("custom-render-trigger"));
});