POST http://localhost:4200/api/get 400 (неверный запрос) в angular6 - PullRequest
0 голосов
/ 18 сентября 2018

Я получаю ошибку, как указано в заголовке.Пожалуйста, помогите мне избавиться от этой проблемы, я провожу почти 4-й день.я не знаю, что не так в этом коде, пожалуйста, помогите мне.Это мой угловой сервис 6 для публикации данных от администратора, и я получаю сообщение об ошибке, как указано в заголовке.

const HttpOption = {
  headers: new HttpHeaders({'Content-Type':'application/json'})
};

        fetchAdmin(value: admin): Observable<admin>{
      return this.http.post<admin>(`/api/get.php`,value, HttpOption)
      .pipe(tap(()=>{console.log('this is what we got', JSON.stringify(value))}), catchError(this.handleError)
      );
    }

, а мой код переднего плана, как показано ниже.

<form [formGroup]="formgroup">
        <p>Please enter your email and password</p>
          <mat-form-field>
            <input type="email" matInput formControlName="email" placeholder="EMAIL" id="email" required>
            <div *ngIf="submitted && fc.email.errors" style="color: red">
              <div *ngIf="fc.email.errors.required">email is compulsory</div>
            </div>
          </mat-form-field>
          <mat-form-field>
                <input type="password" matInput id="passWord" formControlName="password" placeholder="PASSWORD" required>
                <div *ngIf="submitted && fc.password.errors" style="color: red">
                  <div *ngIf="fc.email.password.required">password is mandatory</div>
                  <div *ngIf="fc.email.password.minlength">password should be min of 6 chars</div>
                </div>
              </mat-form-field>
        </div>
          <button mat-raised-button (click)="onNoClick()">NO THANKS</button>
          <button type="submit" (click)="onSubmit(formgroup.value)"
           [disabled]="!formgroup.valid" mat-raised-button cdkFocusInitial>SUBMIT</button>
        </div>
        </form>

иниже у меня есть свой php-код, и я запускаю этот файл через сервер xampp.

<?php
header('Access-Control-Allow-Origin: *');
header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");
$_POST = json_decode(file_get_contents('php://input'),true);

if(isset($_POST) && !empty($_POST)){
    $email = $_POST['email'];
    $password = $_POST['passWord'];
    echo $email;
    echo $passWord;
    if($email == 'admin@gmail.com' && $passWord == '!1AapassWord'){
        ?>
        {
            "success" = true;
            "secret" = "this is secret";
        }
        <?php

    } else { 
        ?>
        {
            "success" = false;
            "message" = "Invalid credentials";
        }
        <?php
    }
} else {
    ?>
    {
        "success" = false;
        "message" = "only post access accepted";
    }
    <?php
}
?>

и мою конфигурацию прокси

{
  "/api": {
         "target":"http://localhost:443/xampp/xampp1/PHP",
         "secure":false,
         "changeOrigin":true     
   }
}

, и мой интерфейс

export interface admin{
    email: string;
    passWord: string;
    message: string;
    success: boolean;
}

и, наконец, я хочу знать еще одну вещь, т. е. необходимо ли использовать метод JSON.stringify () для отправки данных в angular 6, потому что я использую интерфейсы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...