用 Vue 了就不要跟后台混合 在全局钩子处理就好了
详细请参考 VueRouter 文档:http://router.vuejs.org/zh-cn...
main.js
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const router = new VueRouter({ routes: [
{ path: '/' },
{ path: '/login' },
{ path: '/profile', meta: { requiresAuth: true } },
] })
router.beforeEach((to, from, next) => {
// 可以在路由元信息指定哪些页面需要登录权限
const islogin = false // 假设没有登录(这里应从接口获取)
if (to.meta.requiresAuth && !islogin) { // 需要登录授权,这里还需要判断是否登录
next('/login') // 跳转到登录
return
}
next()
})