vue-vueRouter路由拦截

最新推荐文章于 2024-01-30 16:05:46 发布

山谷里的杂货铺

最新推荐文章于 2024-01-30 16:05:46 发布

阅读量173

点赞数

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/weixin_58528200/article/details/120012359

版权

在本文中，我们将探讨如何在Vue.js应用程序中配置登录路由，并使用js-cookie库进行权限验证。当用户尝试访问受保护的路由时，如果未检测到access_token cookie，用户将被重定向至登录页面。此设置确保只有已登录用户才能访问特定的页面。

摘要由CSDN通过智能技术生成

在router.js文件中配置

import Cookies from 'js-cookie'

{
    path: '/login',
	name: "登录",
	/*meta: {
        requireAuth: false,  // 添加该字段，表示进入这个路由是需要登录的
    },*/
	component: resolve => require(["../view/login/login.vue"], resolve)
}
router.beforeEach((to, from, next) => {
  let token = Cookies.get('access_token')
  if(to.path != '/login' && !token){
    return next('login')
  }
  next()
})