JS实现签发jwttoken,以及解析token获取值

1、下载crypto-js

yarn add crypto-js

2、实现代码

import { enc, HmacSHA256 } from 'crypto-js'

const base64UrlEncode = (str) => {
  return enc.Base64.stringify(str).replace(/=+$/, '').replace(/\+/g, '-').replace(/\//g, '_')
}

export default {
  // 根据实际情况修改替换key
  encrypt (payload, key = '123') {
    const iat = new Date().getTime()
    payload = JSON.stringify({
      ...payload,
      iat, // 签发时间
      exp: iat + 1 * 60 * 60 * 1000 // 过期时间1小时
    })
    const header = JSON.stringify({
      alg: 'HS256',
      typ: 'JWT'
    })
    const beforeSign = base64UrlEncode(enc.Utf8.parse(header)) + '.' + base64UrlEncode(enc.Utf8.parse(payload))
    const signature = base64UrlEncode(HmacSHA256(beforeSign, key))
    return beforeSign + '.' + signature
  },
  decode (token) {
    const strings = token.split('.')
    const payload = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, '+').replace(/_/g, '/')))))
    return payload
  }
}