在Vue应用中，SEO优化通常都是采用服务端渲染，我们还有另外一种方式：
使用 vue-meta-info 动态设置title/keword/description 、
具体用法参见文档：https://github.com/muwoo/vue-meta-info
如果需要根据路由生成纯静态资源，使用 prerender-spa-plugin 可以轻松的添加预渲染
prerender-spa-plugin的使用，基与vue-cli配置：
webpack.prod.conf.js
image.png
//spa 生成静态
const PrerenderSPAPlugin = require('prerender-spa-plugin')
plugins: [
// 编译后的html需要存放的路径
new PrerenderSPAPlugin(
path.join(__dirname, '../docs'),
// 列出哪些路由需要预渲染
['/',
'/main',
'/newsList'
]
),
]
网友评论