VUE如何做SEO优化视频教程

今天来说说VUE如何做SEO优化的，这个也是高频面试题。

咱们先看看SEO优化是什么?

SEO就是搜索引擎优化，提升网站在百度上面的排名。

网站在百度有了排名，就获取到了流量，有了流量企业就能赚钱，而且这个流量都是精准流量转化率很高。

符合SEO优化的网站是什么样呢?



VUE开发出来的程序?



全都是JS文件百度无法获取里面的真实内容，所以VUE开发出来的程序是无法支持SEO的。

VUE支持SEO的方法?

第一种：服务端渲染（SSR）。

需要使用nodeJS搭建服务器，使用express来配合VUE来渲染页面从而达到真实内容输出支持SEO优化，这个方案缺点就是比较复杂，需要懂一些node编程和express框架的使用，对于新手来说比较难。

第二种：预渲染（ Prerendering）。

如果你使用 webpack，你可以使用 prerender-spa-plugin 轻松地添加预渲染。

如何使用prerender-spa-plugin?

安装：npm install prerender-spa-plugin --save

Basic Usage (webpack.config.js)

const path = require('path')
const PrerenderSPAPlugin = require('prerender-spa-plugin')

module.exports = {
  plugins: [
    ...
    new PrerenderSPAPlugin({
      // Required - The path to the webpack-outputted app to prerender.
      staticDir: path.join(__dirname, 'dist'),
      // Required - Routes to render.
      routes: [ '/', '/about', '/some/deep/nested/route' ],
    })
  ]
}