egg.js的egg-jwt生成token做成中间件

做egg.js项目时想生成token,用egg-jwt插件最好了,但是不小心很容易踩到坑。主要主要几点:

1、把csrf关掉  

config.security = {
    csrf: {
      enable: false,
      ignoreJSON: true
    }
};

2、验证token写成中间件

3、前端交互时在headers传token给后台  

headers: {'Authorization': `${sessionStorage.getItem('token')}`} //登录时把后台传过来的token传到sessionStorage里
注意:千万不要加Bearer,
写成headers: {'Authorization': `Bearer ${sessionStorage.getItem('token')}`}会报"message": "invalid token"错误。

 

 

以下是大概步骤:

 

1、安装egg省略,可参考:https://www.cnblogs.com/zzwlong/p/13555926.html

 

2、安装egg-jwt:

npm install egg-jwt --save 或 cnpm install egg-jwt --save

 

3、配置jwt

1) config\plugin.js
jwt: { enable: true, package: 'egg-jwt', },

2) config\config.default.js
config.jwt = { //jwt配置项 secret: "123456" }

 

4、扩展那里的helper.js加添加生成token的方法

app\extend\helper.js
// 生成token getToken() { return this.app.jwt.sign(value, this.app.config.jwt.secret); }

 

5、在egg后台登录页引入生成token的方法,并在authorization设置token  

'use strict';

const Controller = require('egg').Controller;

class LoginController extends Controller {
    async login() {
    const { ctx, app } = this;
    const { username,password } = ctx.request.body;
    const token = ctx.helper.getToken();
    ctx.set({'authorization':token})
    const result = await ctx.service.login.login(username,password);
    ctx.body = result;
    }
}

module.exports = LoginController;

 

6、封装验证token的中间件

//middleware/jwtErr.js
module.exports = (options) => {
  return async function jwtErr(ctx, next) {
      const token = ctx.request.header.authorization;
      let decode = '';
      if (token) {
        try {
          // 解码token
          decode = ctx.app.jwt.verify(token, options.secret);//验证token
          await next();
          console.log('decode======>',decode);
        } catch (error) {
          ctx.status = 401;
          ctx.body = {
            message: error.message,
          };
          return;
        }
      } else {
        ctx.status = 401;
        ctx.body = {
          message: '没有token',
        };
        return;
      }
    };
}

 

7、postman请求,请求时headers记得token前不要加Beare和空格

egg.js的egg-jwt生成token做成中间件

 

差不多就是这样了,网上好多用egg-jwt的,但好多都是前端请求接口时headers加token时加Bearer 的,我试了会报"message": "invalid token"错误,得去掉

 

上一篇:egg.js oss对象存储


下一篇:egg.js 中使用 egg-mysql 操作 mysql 数据库