vue-router

import Vue from "vue";
import VueRouter from 'vue-router';

Vue.use(VueRouter);

export default ()=>{
    const router=new VueRouter({
        mode:'history',
        routes:[
            {path:'/',component:Foo},
            {path:'/bar',component:Bar}
        ]
    })

    return router;
}

// 前端路由是通过history api 来实现的。
// 只有强制刷新  才需要服务端渲染 默认vue-srr 只有首屏刷新的那一屏 是通过服务端渲染的 
// 后续的逻辑都是通过前端路由来实现的

// 渲染一个页面时，如果服务端不存在  需要将他跳转到首页，再去通过前端路由跳转。
// history api 404 问题的解决，

// 匹配不到 跳转到* 
router.get('*',async ctx =>{
    ctx.body=await new Promise((resolve,reject)=>{
        render.renderToString((err,html)=>{
            resolve(html);
        })
    })
})