cloud-admin-template/src/global/features/router/index.js

base on vue cloud-ui.vusion

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

import routerLock from '@/global/features/router/lock';
import AuthPlugin from './auth/vue';
import { beforeMiddleware, afterMiddleware } from './middleware';

Vue.use(VueRouter);
window.Vue = Vue;
window.VueRouter = VueRouter;

Vue.prototype.$destination = function (url) {
    if (url.startsWith('http'))
        location.href = url;
    else {
        if (url[0] !== '/')
            this.$router.push(url);
        else {
            const oldPath = location.pathname.split('/');
            if (url.startsWith('/' + (oldPath[1] || '')))
                this.$router.push(url.replace('/' + (oldPath[1] || ''), ''));
            else
                location.href = url;
        }
    }
};

export default function (routes, base, appConfig) {
    base = base || appConfig?.router.base;

    if (appConfig.auth) {
        routes[0].meta = routes[0].meta || {};
        routes[0].meta.auth = 'loginAuth';
    }
    const router = new VueRouter({
        routes,
        base,
        mode: appConfig.router.mode || 'history',
        scrollBehavior(to, from, savedPosition) {
            if (to.hash) {
                return {
                    selector: to.hash,
                };
            }
            if (savedPosition) {
                return savedPosition;
            } else {
                return { x: 0, y: 0 };
            }
        },
    });
    beforeMiddleware(router, appConfig);
    Vue.use(routerLock);
    Vue.use(AuthPlugin, {
        base,
        router,
        autoHide: true,
    });
    afterMiddleware(router, appConfig);

    return router;
}