import Router from 'vue-router'import routes from './routers'// 创建路由实例export default () => {
return new Router({
routes,
// 如果不配置mode,默认浏览器的url带“#”,像这样http://localhost:8000/#/app
mode: 'history',
// 加了base配置,在所有的路由path前面url会添加一个base,像这样http://localhost:8000/base/app
base: '/base/',
// 下面两个都用来给<router-link>添加全局类
// 这个是<router-link>的路径匹配了浏览器url的一部分,就会给<router-link>标签加上active-link这个类
linkActiveClass: 'active-link',
// 这个是<router-link>的路径完全匹配了浏览器url,才会给<router-link>标签加上exact-active-link这个类
linkExactActiveClass: 'exact-active-link',
// 如果浏览器不支持history上的形式,则默认启用哈希方式,也就是带个#
fallback: true,
//配置滚动记录
scrollBehavior (to, from, savedPosition) {
if (savedPosition) {
return savedPosition } else {
return { x: 0, y: 0 }
}
}
})}