使用prerender-spa-plugin插件预渲染

众所周知单页面应用不利于SEO,为了解决这个问题网上所给出的2个解决方案
1、服务器端渲染
2、预渲染

由于页面较少,且预渲染相对于SSH比较简单,于是选择预渲染页面,预渲染可以极大的提高网页访问速度。而且配合一些meat插件,基本可以满足SEO需求。
说明:使用这种方式,路由需要设置History 模式
第一步:安装prerender-spa-plugin,在build/prod中添加如下代码

第二步:在main.js中添加如下代码

 

第三步:index.html中引入静态资源把 ./ 改成 /,/是根目录(就是域名),./是当前目录(浏览器地址)

 

第四步:运行npm run build命令,大功告成。需要登录的页面是渲染不出来的,不可能根据每个用户生成一个html


 

Logo

前往低代码交流专区

更多推荐