Passport-jwt 问题：JWT 令牌与邮递员一起使用，但不与 UI api 调用一起使用答案

【问题标题】：Passport-jwt issue : JWT token is working with postman but not working with UI api callPassport-jwt 问题：JWT 令牌与邮递员一起使用，但不与 UI api 调用一起使用
【发布时间】：2017-08-18 16:04:29
【问题描述】：

我已经集成了 passport-jwt 以进行身份验证。它就像魅力一样工作，但每当前端人员从前端角度 2 使用它时，它就会给出 Unauthorized 401 。我尝试了很多但没有得到任何线索，但这一定是一个愚蠢的错误。

我的护照策略文件为

let JwtStrategy = require('passport-jwt').Strategy,
    ExtractJwt = require('passport-jwt').ExtractJwt;
//let fromHeader = require('passport-jwt').fromHeader


// load up the user model
const User = require('../components/user/model');
const database = require('./database'); // get db config file
const config = require('./config'); // get db config file

module.exports = function(passport) {
//var passportStrategy = function(passport){
  let opts = {};
  opts.jwtFromRequest = ExtractJwt.fromAuthHeader();
  //opts.jwtFromRequest = ExtractJwt.fromAuthHeaderWithScheme("JWT");

  console.log("opts.jwtFromRequest==",opts.jwtFromRequest);

  opts.secretOrKey = config.secret;//config.secret;
  passport.use(new JwtStrategy(opts, function(jwt_payload, done) {
    //console.log("opt==",JSON.stringify(opt));
    //console.log("jwt_payload===",jwt_payload);
    User.findOne({_id: jwt_payload._doc._id}, function(err, user) {

          if (err) {
              return done(err, false);
          }
          if (user) {
              done(null, user);
          } else {
              done(null, false);
          }
      });
  }));
};

我的路线是

app.get("/api/user/getAll",
    passport.authenticate('jwt',{session:false}),
    userController.fetchUsers
);

前端头追加如下：

logoutUser(token) {

//const userData = JSON.stringify(userInfo);

var headers = new Headers();


headers.append('Content-Type', 'application/json');

headers.append('Authorization', token); //e.g.token = JWT dasddddasdsda 

//headers.append('Authentication', token);

console.log(headers)



return this.http.post('http://localhost:9000/api/user/logout', { headers: headers })

.map((response: Response) =〉 {

return response.json()

})

.catch(this.errorHandler);

}

如果有人能进一步帮助我找出错误，那就太好了。

【问题讨论】：

标签： jwt passport.js

【解决方案1】：

post 方法的第二个参数是有效载荷。

所以下面的代码

this.http.post('http://localhost:9000/api/user/logout', { headers: headers }) 必须是

this.http.post('http://localhost:9000/api/user/logout', {}, { headers: headers })

【讨论】：