vue中如何直接生成jwt？

Question

最近需要用到jwt，领导让自己生成，不需要服务端生成。
但是使用jsonwebtoken等都是只能在node中使用，在vue2中使用报错。

有没有直接在前端代码中使用的库推荐？

Answer 1

https://juejin.cn/post/6904085780801519630

Answer 2

只在浏览器端生成怎么保证安全性……

Answer 3

你可以在浏览器环境中使用 JavaScript 库来处理 JWT。拉取个jsrsasign尝试下。

Answer 4

npm install jose

npm install jsrsasign

在https://jwt.io/libraries 官网，下面列举了不同语言可以使用的包和库。

我的代码：

import KJUR from "jsrsasign";

function createJWT(){
    // Header
    var oHeader = { alg: "HS256", typ: "JWT" };
    // Payload
    var oPayload = {
        "external_id": "12345678",
        "email": "[e-mail]",
        "email_verified": true,
        "name": "Jane Soap",
        "scope": "user"
    };
    const secretKey = '你的秘钥'
    // Sign JWT, password=616161
    var sHeader = JSON.stringify(oHeader);
    var sPayload = JSON.stringify(oPayload);
    var sJWT = KJUR.jws.JWS.sign("HS256", sHeader, sPayload, secretKey);
    console.log(sJWT)
}