我正在使用aurelia-fetch-client,当我向nodejs后端api发送请求时收到此错误:
Warning: a promise was rejected with a non-error: [object Response]
at http://localhost:9000/scripts/vendor-bundle.js:39700:20
at Array.reduce (native)
at applyInterceptors (http://localhost:9000/scripts/vendor-bundle.js:39696:33)
at processResponse (http://localhost:9000/scripts/vendor-bundle.js:39688:12)
at http://localhost:9000/scripts/vendor-bundle.js:39603:18
From previous event:
at http://localhost:9000/scripts/vendor-bundle.js:39602:24
From previous event:
at HttpClient.<anonymous> (http://localhost:9000/scripts/vendor-bundle.js:39590:64)
at HttpClient.fetch (http://localhost:9000/scripts/vendor-bundle.js:39574:23)
at AuthService.login (http://localhost:9000/scripts/app-bundle.js:126:30)
at Login.login (http://localhost:9000/scripts/app-bundle.js:190:30)
at CallScope.evaluate (http://localhost:9000/scripts/vendor-bundle.js:24067:21)
at Listener.callSource (http://localhost:9000/scripts/vendor-bundle.js:27508:42)
at http://localhost:9000/scripts/vendor-bundle.js:27532:24
at HTMLDocument.handleDelegatedEvent (http://localhost:9000/scripts/vendor-bundle.js:25721:11)
一切正常,但是此警告非常令人讨厌,我不知道如何解决它,这是发送请求的代码:
import {HttpClient, json} from 'aurelia-fetch-client';
import baseConfig from 'config';
export class AuthService {
constructor() {
this.http = new HttpClient().configure(config => {
config
.withBaseUrl(baseConfig.baseUrl)
.useStandardConfiguration();
});
this.isAuthenticated = false;
}
login(credentials) {
return this.http.fetch('/login', {
method: 'post',
body: json(credentials)
})
.then(res => {
this.saveToken(res.token)
return Promise.resolve();
});
}
saveToken(token) {
localStorage.setItem('token', token);
this.isAuthenticated = true;
}
}
任何帮助表示赞赏
最佳答案
aurelia-fetch-client标准配置(通过.useStandardConfiguration()
在您的代码中应用)拒绝非成功的HTTP响应状态代码。 aurelia/fetch-client repo here中有一个与此相关的近期(关闭)问题。获取客户端拒绝响应本身的 promise ,因此浏览器提示(它希望仅在Error实例的情况下拒绝 promise )。
我通过删除.useStandardConfiguration()
在我自己的代码中解决了此问题,因为在此特定项目中不需要它。您可以 checkout the source code以获得有关配置情况的更多图片。