场景:
用户名和密码使用 WebApi 2 token 身份验证进行身份验证。如果凭据正确,则返回 token 。但是,如果凭据不正确,则会返回 400 错误请求。在我的 Ionic 2 项目中,如果我得到响应,我会导航到下一页。如果出现错误,我会显示我的自定义错误消息。
问题:
我面临的问题是,如果我第一次输入错误的凭据,则会显示自定义错误消息。如果我再次输入错误的凭据,自定义错误消息将与 ionic 错误消息一起显示。
这是我的代码:
登录.ts
doLogin() {
if (this.Username !== undefined && this.Password !== undefined) {
this.loading.present();
this.authSrv.login(this.Username, this.Password).subscribe(data => {
this.navCtrl.setRoot('HomePage');
this.loading.dismiss();
}, (err) => {
this.errorMsg("Invalid Username/Password !" + err);
this.loading.dismiss();
});
}
else
this.errorMsg("Please enter Username/Password");
}
授权服务.ts
login(username, password) {
let headers = new Headers();
headers.append('Content-Type', 'application/x-www-form-urlencoded');
let urlSearchParams = new URLSearchParams();
urlSearchParams.append('username', username);
urlSearchParams.append('password', password);
urlSearchParams.append('grant_type', 'password');
let body = urlSearchParams.toString()
return this.http.post('http://' + this._api + '/postoken', body, { headers: headers }
)
.map(res => res.json())
.map((res) => {
if (res !== null) {
localStorage.setItem('acess_token', res["access_token"]);
localStorage.setItem('access_type', res["access_type"]);
localStorage.setItem('expires_in', res["expires_in"]);
this.loggedIn = true;
}
return res;
});
}
截屏视频:
错误
任何建议都会有所帮助。
最佳答案
LoadingController只能调用一次。
Note that after the component is dismissed, it will not be usable anymore and another one must be created.
这是导致异常的原因。
您应该每次都在 doLogin
中创建新的加载。
doLogin() {
if (this.Username !== undefined && this.Password !== undefined) {
this.loading = this.loadingCtrl.create({ //create here
content: 'Please wait...'
});
this.loading.present();
this.authSrv.login(this.Username, this.Password).subscribe(data => {
this.navCtrl.setRoot('HomePage');
this.loading.dismiss();
}, (err) => {
this.errorMsg("Invalid Username/Password !" + err);
this.loading.dismiss();
});
}
else
this.errorMsg("Please enter Username/Password");
}
关于javascript - 处理 400 后运行时错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43319612/