在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
//spa 生成静态
const PrerenderSPAPlugin = require('prerender-spa-plugin')
plugins: [
// 编译后的html需要存放的路径
new PrerenderSPAPlugin(
path.join(__dirname, '../docs'),
// 列出哪些路由需要预渲染
['/',
'/main',
'/newsList'
]
),
]