Получение 400 плохих запросов, несмотря на то, что ошибка angular2 + - PullRequest
Новая
       19

Получение 400 плохих запросов, несмотря на то, что ошибка angular2 +

0 голосов
/ 04 января 2019

Я создал страницу входа в систему, где вход в систему успешен, когда я ввел правильный логин и пароль, и вход в систему не происходит, когда я ввел неправильное имя пользователя или пароль, который является правильным.Тем не менее, я получаю эту ошибку:

POST http://localhost:3003/login/authenticate 400 (неправильный запрос)

ОШИБКА HttpErrorResponse {заголовки: HttpHeaders, status: 400, statusText: "Bad Request", url:" http://localhost:3003/login/authenticate", ok: false,…}

Однако все работает правильно, я получаю сообщение об ошибке в консоли. Например:

dom

Я хочу, чтобы ошибка неверного запроса 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 ]

0 голосов
/ 04 января 2019

Для правильной обработки ошибок с сервера вы должны перехватить их в методе subcribe() Observable, возвращаемом http.post из Rxjs: 

this.http.post("http://localhost:3003/login/authenticate", this.authenticateObj)
    .subscribe(
        (res: Response) => {
            // code when no error...
        }, 
        err => {
            // error handling...
        },
        () => {
            // finally...
        }
    );
0 голосов
/ 04 января 2019

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)
    })
...