项目基础说明:
1、部署在服务器的非根目录中,二级页面刷新后页面中的样式以及js文件地址获取失败;
2、使用了hitory模式;
3、使用预渲染插件;(一直卡在浏览器检测阶段过不去)
正常配置meta-info和prerender-spa-plugin
1、webpack.prod.conf 文件
new PrerenderSPAPlugin({
注释掉这句话
// renderAfterDocumentEvent: "render-active"
})
2、main.js文件
new Vue({
文档中的配置 // document.dispatchEvent(new Event("render-active"));
修改后的配置 document.dispatchEvent(new Event("custom-render-trigger"));
});
注意:config/index.js中的build配置
assetsPublicPath: process.env.NODE_ENV == 'development' ? '/' : '/服务器二级目录的地址/',