vue实现登录鉴权

在路由表中配置路由导航守卫

// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
    // to将要访问的路径
    // from从哪个路径跳转而来
    // next 是一个函数，表示放行
    // next() 放行  next('/login)  强制跳转
    if (to.path === '/') return next();
    // 获取token
    const tokenStr = localStorage.getItem('token')
    if (!tokenStr) return next('/')
    next()
})
  

node生成token

下载插件用于生成token

npm i jsonwebtoken

var jwt = require('jsonwebtoken')
 let user = {
    username: 'admin',
  }
    //生成token
  let token = 'Bearer ' + jwt.sign(user, 'qyk', { expiresIn: '1h' })