Vue-cli使用prerender-spa-plugin插件预渲染
使用prerender-spa-plugin插件预渲染众所周知单页面应用不利于SEO,为了解决这个问题网上所给出的2个解决方案1、服务器端渲染2、预渲染由于页面较少,且预渲染相对于SSH比较简单,于是选择预渲染页面,预渲染可以极大的提高网页访问速度。而且配合一些meat插件,基本可以满足SEO需求。说明:使用这种方式,路由需要设置History 模式第一步:安装prerender-spa...
·
使用prerender-spa-plugin插件预渲染
众所周知单页面应用不利于SEO,为了解决这个问题网上所给出的2个解决方案
1、服务器端渲染
2、预渲染
由于页面较少,且预渲染相对于SSH比较简单,于是选择预渲染页面,预渲染可以极大的提高网页访问速度。而且配合一些meat插件,基本可以满足SEO需求。
说明:使用这种方式,路由需要设置History 模式
第一步:安装prerender-spa-plugin,在build/prod中添加如下代码
第二步:在main.js中添加如下代码
第三步:index.html中引入静态资源把 ./ 改成 /,/是根目录(就是域名),./是当前目录(浏览器地址)
第四步:运行npm run build命令,大功告成。需要登录的页面是渲染不出来的,不可能根据每个用户生成一个html
更多推荐
已为社区贡献19条内容
所有评论(0)