本文主要用于记录在单页面SEO优化中遇到的问题
技术栈：vue-cli webpack vue-meta-info prerender-spa-plugin
prerender-spa-plugin：通过puppeteer爬取网页内容，输出成HTML文件保存在本地
1.引入prerender-spa-plugin，此过程可能会遇到puppeteer安装失败，可改用cnpm淘宝镜像安装；在webpack的配置文件中导入此插件（因为预渲染在打包成功之前）
2.在webpackConfig的plugins中配置需要生成预渲染的页面
3.在config文件夹的index.js中根据情况更改路径
4.在main.js中加上下面代码（存疑？？）
5.npm run build生成的dist文件中包含需要预渲染的路径的html文件
vue-meta-info：npm安装插件，在mian.js中导入挂载
在需要设置keywords等属性的页面进行如下设置
vue实现预渲染要借助prerender-spa-plugin这个工具包，prerender-spa-plugin...
本文主要用于记录在单页面SEO优化中遇到的问题 技术栈：vue-cli webpack vue-meta-info...
一. 使用prerender-spa-plugin插件预渲染 vue-cli2.0版本 安装插件 在webpack...
先交代下问题来源： vue构建单页应用，但是要做seo，prerender-spa-plugin这个预渲染插件可以...
prerender-spa-plugin预渲染原理 prerender-spa-plugin 利用了 Puppet...
# 前言 Vue 的 SEO 大家都不陌生，一般有两种，一种是预渲染插件 prerender-spa-plugi...
预渲染模式预渲染 prerender-spa-plugin 配置生成多页面，解决首屏白屏问题，提升用户体验。同时配...
预渲染模式预渲染prerender-spa-plugin配置生成多页面，解决首屏白屏问题，提升用户体验。同时配合 ...
vue对SEO很不友好，现在网上已经给出了四种解决方案，主要说预渲染prerender-spa-plugin咋用，...
预渲染升级成服务端渲染 回顾预渲染 是基于 prerender-spa-plugin 在项目构建时，通过无头浏览器...
本文标题：vue spa预渲染
本文链接：https://www.haomeiwen.com/subject/xpaeeqtx.html
网友评论