海市蜃楼验证失败请求（401未授权）总是在ember-simple-auth-token中解析

在我的Ember应用中，我有一个登录操作。海市蜃楼验证失败请求（401未授权）总是在ember-simple-auth-token中解析

login: function(emailAddress, password) { 
    this.get('session').authenticate('authenticator:jwt', { 
     'identification': emailAddress, 
     'password': password 
    }).catch((reason) => { 
     console.log('Reason: ' + JSON.stringify(reason)); 
     this.set('errorMessage', 'Login failed.'); 
    }); 
}

当我测试我的服务器（http://127.0.0.1:8091），它工作正常。当响应为200时，我已登录。如果是401，则会设置我的错误消息。

这个问题发生在ember-cli-mirage。我有这样的代码来进行测试：

this.post('http://127.0.0.1:8091', function(db, req) { 
    let body = JSON.parse(req.requestBody); 
    if (body.handler === '[email protected]!' && body.password === 'secretpassword') { 
    return { 
     token: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImFiYzEyMyJ9.X0O3xMVikn-5l9gXBU5a2XF6vlMmTzm4mCqUNA68e-A', 
     id: 'abc123' 
    }; 
    } else { 
    return new Response(401, {}, {}); 
    } 
});

我只是给测试令牌，当凭证正确它的工作原理。我可以登录到我的应用程序。但是，如果我试图用错误的凭据，然后我在JS控制台收到此错误：

Uncaught TypeError: Cannot read property 'split' of undefined

调查的一点点后，似乎这就是所谓在这段代码的功能getTokenData内发生的错误：

authenticate: function authenticate(credentials, headers) { 
    var _this2 = this; 

    return new _ember['default'].RSVP.Promise(function (resolve, reject) { 
    var data = _this2.getAuthenticateData(credentials); 

    _this2.makeRequest(_this2.serverTokenEndpoint, data, headers).then(function (response) { 
     _ember['default'].run(function() { 
     var token = _ember['default'].get(response, _this2.tokenPropertyName); 
     var tokenData = _this2.getTokenData(token); 
     var expiresAt = _ember['default'].get(tokenData, _this2.tokenExpireName); 
     var tokenExpireData = {}; 

     _this2.scheduleAccessTokenRefresh(expiresAt, token); 

     tokenExpireData[_this2.tokenExpireName] = expiresAt; 

     response = _ember['default'].merge(response, tokenExpireData); 

     resolve(_this2.getResponseData(response)); 
     }); 
    }, function (xhr) { 
     _ember['default'].run(function() { 
     reject(xhr.responseJSON || xhr.responseText); 
     }); 
    }); 
    }); 
},

看到它所在的行var tokenData = _this2.getTokenData(token);。自请求被拒绝后，是否应该调用第二个函数（被拒绝的承诺）？

它看起来像ember-simple-auth-token试图使用一个不存在的令牌，因为响应是一个空的401.我试图包括一个令牌，即使在拒绝的请求中，但我仍然得到同样的错误。

请记住，当响应来自我的本地服务器（甚至我的真实服务器），它的工作正常。

我找不到调试海市蜃楼的方法。我怎样才能看到有关答复的细节？请求不会从我的浏览器中显示在我的开发人员工具的网络选项卡下。

接下来我应该着手解决这个问题？

来源

2016-03-12 Marc-François

用Mirage.Response代替Response解决了这个问题。通过使用Response，响应本身是空的（{}），所以海市蜃楼会默认为空200 OK。

来源

2016-03-12 17:38:22

海市蜃楼验证失败请求（401未授权）总是在ember-simple-auth-token中解析

回答

相关问题