1

试图了解使用我的 api 与 ember-cli-mirage 之间的响应不一致。

我有一个处理程序正在等待对 POST 请求的响应以对用户进行身份验证。处理程序的预期参数是response,status和xhr:

（例如.then(function(response, status, xhr) {...}）。

使用我的 API，我收到了我期望的结果——响应是数据，状态是 statusText，xhr 是 xhr 对象。然而，使用 ember-cli-mirage 一切都会得到响应（有点），并且 status 和 xhr 都是未定义的。

我的代码片段如下：

海市蜃楼/config.js

this.post(URI.AUTH_SIGN_IN, function(db, request) {
  const responseHeaders = {
    'access-token': 'abcxyz123',
    'client': 'foobarbaz',
    'token-type': 'Bearer',
    'expiry': '1497364419',
    'uid': 'user@example.com'
  };

  const user = {
    data: { id: 1, type: 'user', attributes: { uid: 'user@example.com', email: 'user@example.com', name: 'John Doe', provider: 'email' } }
  };

  return new Mirage.Response( 200, responseHeaders, user );
});

身份验证器/devise.js

authenticate(identification, password) {
  ...
  this.makeRequest( credentials ).then(function(response, status, xhr) {
    // persists the five headers needed to send to devise-token-auth
    // with mirage; response = Response {type: "default", status: 200, ok: true, statusText: "OK", headers: Headers…}, status = undefined, xhr = undefined
    // with actual api; response = Object {data: Object}, status = "success", xhr = Object {readyState: 4, getResponseHeader: function, getAllResponseHeaders: function…}

    // As a result below will fail :( 
    // TypeError: Cannot read property 'getResponseHeader' of undefined
    var result = {
        'access-token': xhr.getResponseHeader( 'access-token' ),
        expiry:         xhr.getResponseHeader( 'expiry' ),
        tokenType:      xhr.getResponseHeader( 'token-type' ),
        uid:            xhr.getResponseHeader( 'uid' ),
        client:         xhr.getResponseHeader( 'client' )
      };
   });
}

我相信我做的一切都是正确的，但众所周知我是错的:)。任何帮助深表感谢。

4

1 回答 1

0

嗯，我不确定为什么makeRequest第二个和第三个参数返回未定义。

我做了一个简单的 Twiddle 并且 args 似乎是正确的getJSON：

https://ember-twiddle.com/70229e352f37b4e437ced8509a4415d9?openFiles=routes.application.js%2C

model() {
  return Ember.$.getJSON('/foo').then((data, response, object) => {
    return object.getAllResponseHeaders();
  });
}

Pretender 处理模拟响应的方式或makeRequest工作方式可能略有不同，所以我建议从那里开始。

于 2017-05-31T11:24:54.687 回答