import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
import home from "@/pages/home"
import mine from "@/pages/mine"
import login from '@/pages/login'
import register from '@/pages/register'

const router = new Router({
mode: 'history',
routes: [{
path: '/',
name: 'home',
component: home,
meta:{
homePages:true
}
},
{
path:'/home',
component:home,
meta:{
homePages:true
}
},
{
path:"/mine",
name:"mime",
component:mine,
meta:{
requiresAuth:false
}
},
{
path: '/login',
name: 'login',
component: login,
meta:{
requiresAuth:true
}
},
{
path: '/register',
name: 'register',
component: register,
meta:{
requiresAuth:true
}
},
]
});

router.beforeEach((to, from ,next) => {
const token = localStorage.getItem("token")
if(to.matched.some(record => record.meta.requireAuth || record.meta.homePages)){
//路由元資訊requireAuth:true，或者homePages:true，則不做登入校驗
next()
}else{
if(token){//判斷使用者是否登入
if(Object.keys(from.query).length === 0){//判斷路由來源是否有query，處理不是目的跳轉的情況
next()
}else{
let redirect = from.query.redirect//如果來源路由有query
if(to.path === redirect){//這行是解決next無限迴圈的問題
next()
}else{
next({path:redirect})//跳轉到目的路由
}
}
}else{
if(to.path==="/login"){
next()
}else{
next({
path:"/login",
query: {redirect: to.fullPath}//將目的路由地址存入login的query中
})
}
}
}
return
})
export default router;