nuxt.js在middleware(中间件)中实现路由鉴权操作

import getCOOKIE from '~/utils/getCOOKIE'

export default function ({route, req, res, redirect}) {
 let isClient = process.client;
 let isServer = process.server;
 let redirectURL = '/sign';
 var token, path;

 // 在服务端
 if (isServer) {
  // 获取服务端COOKIE
  let COOKIEs = getCOOKIE.getCOOKIEsInServer(req)
  // 获取当前服务端COOKIE中是否含有token字段
  token = COOKIEs.token &＃63; COOKIEs.token : ''
 }
 // 在客户端
 if (isClient) {
  // 获取客户端（本地）COOKIE中的token字段
  token = getCOOKIE.getCOOKIEsInClient('token')
 }

 // 判断是否获取到token
 // 未获取到，重定向到登陆页面
 if (!token) {
  redirect(redirectURL)
 }
}

npm i js-COOKIE -s

import COOKIE from 'js-COOKIE'

export default {
 //获取服务端COOKIE
 getCOOKIEsInServer:function (req) {
  let service_COOKIE = {};
  req && req.headers.COOKIE && req.headers.COOKIE.split(';').forEach(function (val) {
   let parts = val.split('=');
   service_COOKIE[parts[0].trim()] = (parts[1] || '').trim();
  });
  return service_COOKIE;
 },
 //获取客户端COOKIE
 getCOOKIEsInClient:function (key) {
  return COOKIE.get(key) &＃63; COOKIE.get(key) : ''
 }
}

// 1.获取
COOKIE.get(key)
// 2.设置
COOKIE.set('name', value, {expires: 过期时间})
// 3.删除
COOKIE.remove("name")
// 过期时间设置：
let secOnds= 3600;   // 过期时间 /秒
let expires = new Date(new Date() * 1 + seconds * 1000);

class Middleware {
  constructor () {
    this.middleware = (next)=>{//console.log("this.middleware: "+next)
      /*this.middleware: () =>{
        console.log("use: "+fn.call(this, next));
        return fn.call(this, next)*/
      return next();
    }
  }
 
  run (fn) {
    // console.log(this)
    this.middleware(
      () => fn.call(this,"nihaoafddsf")
    )
  }
 
  use (fn) {
    const previousFn = this.middleware
    this.middleware=(next)=>{
      // console.log(next)
      /*() =>{
        console.log("fetch: "+fn.call(this, next));
        return fn.call(this, next)
      }*/
      previousFn.call(this, () =>{
        // console.log("use: "+fn.call(this, next));
        return fn.call(this, next)
      })
    }
  }
  fetch(fn){
    const previousFn = this.middleware
    this.middleware=(next)=>{
      // console.log(next)//() => fn.call(this,"nihaoafddsf")
      previousFn.call(this, () =>{
        console.log("fetch: "+fn)
        return fn.call(this, next)
      })
    }
  }
}
 
let bnm = new Middleware;
bnm.use(
  (next)=>{
    console.log(3)
    console.log(next)
    next()
  }
)
bnm.fetch((next)=>{
  console.log("nihaoa")
  next()
})
 
bnm.run(function (canshu) {
console.log(1)
  console.log(canshu)
})
 

class Middleware {
 constructor () {
  this.i = 0;
  this.middleware = (next) => { console.log(next);return next()}
 }
 
 run (fn) {
  console.log(this)
  this.middleware(
   () => fn.call(this)
  )
 }
 
 use (fn) {
  const previousFn = this.middleware
  this.middleware = (next) =>
   previousFn.call(this, () =>{
      console.log(fn);
    return fn.call(this, next)
   })
 }
}
 
const instance = new Middleware()
 
instance.use(function (next) {
 setTimeout(() => {
  console.log('first')
  this.firstMiddlewareLoaded = true
  next()
 }, 500)
})
 
instance.use(function (next) {
 setTimeout(() => {
  console.log('second')
  this.secOndMiddlewareLoaded= true
  next()
 }, 250)
})
 
instance.use(function (next) {
  console.log('third')
  this.ThirdMiddlewareLoaded = true
  next()
})
const start = new Date()
instance.run(function () {
 console.log('first middleware loaded:', this.firstMiddlewareLoaded)
 console.log('second middleware loaded:', this.secondMiddlewareLoaded)
 console.log('Third middleware loaded:', this.ThirdMiddlewareLoaded)
 console.log('time passed:', new Date() - start)
})