首页 技术 正文
技术 2022年11月14日
0 收藏 640 点赞 2,587 浏览 529 个字

记录一下解决方案的过程

先安装prerender和puppeteer插件  这个国外大神写的  github地址就不附上了(百度有)

cnpm install prerender-spa-plugin

npm install –save puppeteer –ignore-scripts

这里注意  一定要用cnpm代理下载   不然下载不到chromium

安装好之后注意在package.json上查看版本号  不同版本号有不同的写法  这个一定要注意(可以上github上查看不同版本的写法)

第一步:引入插件及方法(不同版本不同用法  此处版本为3.x,2.x请忽略)

prerender-spa-plugin Vue预渲染配合meta-info优化seo

第二步:配置PrerenderSPAPlugin

prerender-spa-plugin Vue预渲染配合meta-info优化seo

第三步:main.js中讲render-event方法放入

prerender-spa-plugin Vue预渲染配合meta-info优化seo

这里记住一定要将方法放入mouted里面

第四步:将mode设置为history模式(不用history模式不行!!!这里一定要改为history模式)

第五步:将config/index.js下的assetsPublicPath换成’../’

prerender-spa-plugin Vue预渲染配合meta-info优化seo

最后直接打包npm run build就可以了

过程中会出现minichrome测试浏览器,生成dist文件内包含预渲染文件目录

就到这里   meta-info参考官网设置就行

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,958
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,482
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,328
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,111
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,743
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,777