vue(初探预渲染)

---恢复内容开始---

一、前言

1、简介预渲染

2、案例演示（不配置预渲染）

3、配置预渲染，

二、主要内容

1、简介预渲染

SPA有很多优点，但是对搜索引擎SEO不友好，目前主要有两种方式来解决这个问题： 服务端渲染，预渲染

就像官网所说，如果你只需要改善少数页面（例如 /, /about, /contact 等）的 SEO，那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML (服务端渲染, SSR)，而是使用预渲染方式，在构建时(build time)简单地生成针对特定路由的静态 HTML 文件。

2、案例演示

　　（1）vue-cli构建项目如下

vue(初探预渲染)

　　（2）主要文件代码如下(这里还没有配置预渲染)

import Vue from 'vue'
import Router from 'vue-router'
//import HelloWorld from '@/components/HelloWorld'
import Home from '@/components/Home'
import About from '@/components/About'
import Test from '@/components/Test'
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
        path:'/about',
        name:'About',
        component:About
    },
    {
        path:'/test',
        name:'Test',
        component:Test
    }
  ]
})

index.js