import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'
import store from "./store";
// import router from "@vue/cli-service/generator/router/template/src/router";
Vue.use(Router)
const router = new Router({
routes: [
{
path: '/',
name: 'home',
component: Home,
meta: {
requireAuth: true
}
},
{
path: '/login',
name: 'login',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ './views/Login.vue')
}
]
})
router.beforeEach((to, from, next) => {
if (to.meta.requireAuth) {
if (store.state.token) {
next()
} else {
next({
path: '/login',
query: {redirect: to.fullPath}
})
}
} else {
next()
}
})
export default router;
Vue-router每个路由验证Token，实现登录状态访问
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 使用vue判断验证用户登录状态 导航钩子类似于生命周期钩子，包含路由进入前，进入后，更新时，退出前等几个周期，主要...
- 在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下： 1、第一次登录的时候，前端调后端的登陆接口...
- 设计思路 用户发出登录请求，带着用户名和密码到服务器经行验证，服务器验证成功就在后台生成一个token返回给客户端...
- 路由跳转前做一些验证，比如登录验证（未登录去登录页），是网站中的普遍需求。对此，vue-route 提供的导航守卫...
- 我用的一个服务器上装了一个集群管理工具(SGE, Sun Grid Engine), 用于从登陆节点上向计算节点进...
