Bearer Token && JWT --- 深入理解令牌机制

Bear Token规范： 6750

• 概念：描述在HTTP访问OAuth2保护资源时如何使用令牌的规范
• 特点：令牌就是身份证明
• 具体规定：在请求头中定义Authorization

Authorization:  Bearer <token>

// 在请求头中添加 Authorization
import axios from "axios"

export default function(vm){
    // 设置请求拦截器
    axios.interceptors.request.use(config => {
        //获取token  在发送请求之前做些什么
        const token = localStorage.getItem('token');
        if(token){
            // Bearer Token 规范
            config.headers.Authorization =  'Bearer ' + token;
        }
        return config;
    })

    // 设置响应拦截器  - 统一处理401状态码，清理token，跳转login
    // 需要用到 app 实例
    axios.interceptors.response.use(null, error =>{
        // 请求失败拦截器
        // 美哟u登陆或令牌过期
        if(error.response.status == "401"){
            // 清空vuex和localStorage
            vm.$store.dispatch('logout');
            vm.$router.push('/login');
        }
        // 
        return Promise.reject(error);

    })

}

Json Web Token规范  jwt.io

• 概念：令牌的具体定义方式
• 规定：令牌由三部分构成 -头。载荷。签名
• 头：包含加密算法 令牌类型等信息
• 载荷：包含用户信息 签发时间和过期时间等信息
• 签名：根据头 载荷及密钥加密得到的哈希串  默认HS256 （Hmac Sha1 256）

　　（明文，头和载荷base64可以解码，不可以放敏感信息,token防篡改）

// koa | koa-router | jsonwebtoken | koa-jwt 
const Koa = require('koa');
const Router = require('koa-router');
const jwt = require('jsonwebtoken');
const jwtAuth = require('koa-jwt');

const secret = 'it is a secret';  // 密钥算法

const app = new Koa();
const router = new Router();

const { log } = console;

router.get('/a',function(ctx){
    ctx.body = {a:1}
})

router.get('/api/login', async ctx => {
    const { username, password } = ctx.query;
    log(username, password);

    if (username == 'kaikeba' && password == '123') {
        // 生成令牌
        const token = jwt.sign(
            {
                data: { name: 'kaikeba' }, // 用户信息
                exp: Math.floor(Date.now() / 1000) + 60 * 60  // 过期时间，单位秒
            },
            secret
        );
        ctx.body = { code:1,token};
    }else{
        ctx.status = 401;
        ctx.body = { code:0, message:'用户名或密码错误'}
    }
});

router.get(
    '/api/userinfo',
    jwtAuth({ secret }),
    async ctx => {
        ctx.body = { code:1, data:{name:'jerry',age:20}};
    }
);
app.use(router.routes());
app.use(router.allowedMethods()); // 设置请求头
app.listen(3000);