尽管在angular2+中捕获错误，但仍收到了400个坏请求
我设计了一个登录页面，当我输入正确的登录名和密码时，登录是成功的，当我输入正确的用户名或密码时，登录不会发生。但是，我得到了以下错误：
发布http://localhost:3003/login/authenticate 400 (不良请求) 错误HttpErrorResponse{headers: HttpHeaders，status: 400，statusText：“坏请求”，url："http://localhost:3003/login/authenticate"，ok: false，…}
但是，我在控制台中得到了错误。如下所示：
我希望400坏请求错误不出现在控制台中。怎么做？
login.component.ts
login(data) {
console.log("Inside Login");
this.authenticateObj = {
username: data.username,
password: data.password
}
this.http.post("http://localhost:3003/login/authenticate",
this.authenticateObj)
.map(Response => Response)
.catch((err) => {
console.log("err =", err)
alert('Login Failed. Username or Password
is incorrect');
return Observable.throw(err);
})
.subscribe((res: Response) => {
console.log("Inside login authenticate subscribe");
this.info = res;
if (this.info.message == 'Login Successful.') {
console.log("test after login = ", this.info);
if (localStorage.getItem('username') &&
localStorage.getItem('token')) {
alert('Login Successful');
this.router.navigate(['/file-upload/wsdl']);
} else {
this.notification.Error('Unauthorized');
}
}
if (this.info.message == 'error') {
alert('Login Failed');
}
else if (this.info.status == 400) {
alert('Login Failed');
}
})
}login.controller.js
function authenticateUser(req, res, next) {
console.log("Inside authenticateUser = ", req.body)
LoginService.authenticate(req,req.body)
.then(function (token) {
if (token) {
res.setHeader("authorization",token.token);
res.send({
message: 'Login Successful.',
response: token
});
} else if(res.message == 'Username or Password is
incorrect'){
res.status(401).send({
message: 'Unauthorized. '
});
}
else {
console.log("inside controller, else res.status-400");
res.status(400).send({
message: 'Username or password is incorrect'
});
}
})
.catch(function (err) {
console.log("inside controller, catch res.status 400")
// res.status(400).send(err);
res.status(400).send({
message: 'Username or password is incorrect'
});
});
}回答 2
Stack Overflow用户
发布于 2019-01-04 07:53:23
为了正确处理来自服务器的错误，您必须在subcribe()从Rxjs返回的Observable的Observable方法中捕获它们：
this.http.post("http://localhost:3003/login/authenticate", this.authenticateObj)
.subscribe(
(res: Response) => {
// code when no error...
},
err => {
// error handling...
},
() => {
// finally...
}
); Stack Overflow用户
发布于 2019-01-04 07:26:13
IMO坏请求是您的服务器对不正确的用户名/密码组合的错误响应。您可以返回一个"401“或"200”本身取决于您的需求。
现在，如果您不希望这个错误出现在控制台中，那么在您的subscribe()中添加一个错误回调。
this.http.post("http://localhost:3003/login/authenticate", this.authenticateObj)
...
// rest of the code
.subscribe((res: Response) => {
// your code
}, (error) => {
// handle the error here, show some alerts, warnings, etc
console.log(error)
})https://stackoverflow.com/questions/54034556
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号