import Vue from 'vue'
import VueRouter from 'vue-router'
import { mainRoutes } from './routes'

Vue.use(VueRouter)

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: mainRoutes
})

// 路由守卫 - 设置页面标题和权限检查
router.beforeEach((to, from, next) => {
  // 设置页面标题
  if (to.meta && to.meta.title) {
    document.title = `${to.meta.title} - Power Leasing`
  } else {
    document.title = 'Power Leasing - 电商系统'
  }
  
  // 检查权限
  if (to.meta && to.meta.allAuthority) {
    // 这里可以添加权限检查逻辑
    // 目前所有页面都是 ['all'] 权限，所以直接通过
    console.log(`访问页面: ${to.meta.title}, 权限: ${to.meta.allAuthority.join(', ')}`)
  }
  
  next()
})

// 路由错误处理
router.onError((error) => {
  console.error('路由错误:', error)
  // 可以在这里添加错误处理逻辑，比如跳转到错误页面
})

export default router
