nuxtjs 权限校验

nuxtjs 是vue 服务端渲染 渲染框架 ,

首页权限校验时 是在这里面那种校验比较好
localstrorage/sessionstorage/cookie 
localstrorage 和 sessionstorage 请求页面时 服务端并不能拿到client的属性window 所以这个鉴权是页面已经访问了才能鉴权

若用cookie 获取参数鉴权 则在client请求service时可以拿到cookie中的参数 

  getcookiesInServer(req) {
    const service_cookie = {}
    req &&
      req.headers.cookie &&
      req.headers.cookie.split(';').forEach(val => {
        const parts = val.split('=')
        service_cookie[parts[0].trim()] = (parts[1] || '').trim()
      })
    return service_cookie
  },

使用这个方法就可以拿到 

export default function({ redirect, isHMR, req }) {
  if (isHMR) return
  const user =
    getcookiesInServer(req)['user'] || getCookie('user') || false
  if (!userLogined) {
    let redirectURL = '/login'
    return redirect(redirectURL)
  }
}

 访问时未登录 直接可跳转

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值