generator-wxnode-boilerplate/node_boilerplate/templates/client/router.ts

Yeoman generator for wxnode boilerplate

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

const Home = () => import(/* webpackChunkName: "home" */ './views/Home.vue');

export function createRouter() {
    // vue-router有个bug，ie9个定义了scrollBehavior就直接访问history.replaceState，导致报错
    const isIE9 = typeof navigator !== 'undefined' && navigator.userAgent.indexOf('MSIE 9.0') !== -1;
    return new Router({
        mode: 'history',
        fallback: false,
        scrollBehavior: isIE9 ? null : function(to, from, savedPosition) {
            if (savedPosition) {
                return savedPosition;
            } else if (to.hash) {
                return {selector: to.hash};
            } else if (to.meta.savePosition) {
                return;
            } else {
                return {x: 0, y: 0};
            }

        },
        routes: [
            {
                path: '/home',
                component: Home,
                meta: {savePosition: true},
            },
            {
                path: '/server',
                component: Home,
                meta: {savePosition: true},
            },
            {
                path: '/client',
                component: Home,
                meta: {savePosition: true},
            },
        ],
    });
}