Aurelia auth回应

Question

我正在使用aurelia auth登录。但我无法从服务器收到错误消息。在catch方法中，err.response是未定义的。 Err是具有可读流类型的主体的对象。以下是我的代码：

this.auth.login(bodyContent)
  .then(response=>{
  })
  .catch(err=>{
    console.log(err);
    console.log(err.response);
  });

在chrome developer工具中我可以看到响应消息。 打印错误：

Answer 1

我在这里找到了解决方案（https://gist.github.com/bryanrsmith/14caed2015b9c54e70c3），它是以下内容：

.catch(error => error.json().then(serverError =>
  console.log(serverError) 
}));

可以在Aurelia文档中找到解释：

  

Fetch API没有方便的方法在请求正文中发送JSON。必须手动将对象序列化为JSON，并正确设置Content-Type标头。 aurelia-fetch-client包含一个名为json的帮助程序。

Answer 2

我最近也遇到过同样的问题。

我最终创建了一个名为FetchError的类来封装这些类型的错误。每当在获取期间发生错误时，我就会抛出FetchError。

login.ts：

import { FetchError } from '../../errors';

  login() {
    var credentials = { grant_type: "password", username: this.username, password: this.password };
    return this.auth.login(credentials, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } })
      .then((response) => {
        return this.auth;
      }).catch(err => {
        this.errorMessage = "Login failed";
        throw new FetchError("Unable to log in", err);
      });
  };

FetchError类使用＆＃39; http-status-codes＆＃39;节点模块查找文本描述。

errors.ts：

import * as HttpStatus from 'http-status-codes';

export class BaseError extends Error {
  constructor(message) {
    super(message);
    this.message = message;
  }
}

export class FetchError extends BaseError {
  statusCode: number;
  statusText: string;
  description: string;

  constructor(message: string, err: any) {
    super(message);

    if (err instanceof Response) {
      var resp = <Response>err;
      this.statusCode = resp.status;

      if (resp.status == 12029)
        this.statusText = "A connection to server could not be established";
      else
        this.statusText = HttpStatus.getStatusText(resp.status);

      resp.json()
        .then(body => {
          this.description = body.Message;
          console.log(`Error: ${this.message}, Status: ${this.statusText}, Code: ${this.statusCode}, Description: ${this.description}`);
        })
    }
    else if (err instanceof Error) {
      var error = <Error>error;
      this.description = err.message;
      console.log(`Error: ${this.message}, Description: ${this.description}`);
    }
    else {
      this.description = "???";
      console.log(`Unknown error: ${this.message}`);
    }
  }
}

我确信有更好的方法可以做到这一点。我仍然对此深有感触。