Angular 5 到 PHP POST returns 总是 403

Question

我有一个可以工作的版本，但经过一些更改（我不知道是什么）后它不再工作了。现在我把所有东西都带回了一个非常简单的应用程序，以确保没有其他东西妨碍它。是的，我知道这是不好的实践代码，但没关系，我只想知道这有什么问题。

现在是我的代码，它不是全部，但我认为这是您了解我的代码功能所需的一切。

Angular:

表格：

<form>
  <table cellspacing="0">
    <tr>
      <td>
          <input placeholder="Username" class="form-control" [(ngModel)]="username" name="username" required>
      </td>
    </tr>
    <tr>
      <td>
        <input placeholder="Password" class="form-control" [(ngModel)]="password" type="password" name="password" required>
      </td>
    </tr></table>
</form>
<button mat-raised-button (click)="loginUser()" class="btn btn-primary" color="primary">Login</button>

组件：

loginUser() : void {
    let result = this.LoginService.loginUser(this.username, this.password);
    if (result === false) {
      this.wrongLoginNotification = 'Je hebt de onjuiste inloggegevens gebruikt!';
    }
  }

服务：

  private loginUrl = 'http://www.url.nl/path/api/?login=true';


  loginUser(username: string, password: string): boolean {
    let auth = {username: username, password: password};
    let authJson = JSON.stringify(auth);

    this.http.post(this.loginUrl, authJson)
      .subscribe(
        data => {
          this.router.navigate(["home"]);
          return true;
        },
        err => {
          return false;
        }
      );

    return false;
  }

这发布到服务器：

{password: "TEST", username: "TEST1"}

PHP脚本很简单，仅此而已：

error_reporting(E_ALL);
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=UTF-8");

$servername = ""; // Changed this of course ;-)
$username = ""; // Changed this of course ;-)
$password = ""; // Changed this of course ;-)
$dbName = ""; // Changed this of course ;-)
$conn = null;

try
{
  $conn = new PDO("mysql:host=$servername;dbname=$dbName", $username, $password);
  // set the PDO error mode to exception
  $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
}
catch(PDOException $e)
{
  echo "Connection failed: " . $e->getMessage();
  header("HTTP/1.1 404");
}

if (isset($_GET['login'])) {
  echo 'Test';
}

现在PHPapi（同上domain/url）returns:

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>403 Forbidden</title>
</head><body>
<h1>Forbidden</h1>
<p>You don't have permission to access /myurl/api/
on this server.<br />
</p>
<p>Additionally, a 403 Forbidden
error was encountered while trying to use an ErrorDocument to handle the request.</p>
</body></html>

我尝试了什么？

我确实检查了文件夹的权限：755，文件：644。
GET 仍在工作，POST 没有。
阅读 Whosebug 上的几篇文章。尝试过使用 .htaccess 文件做几件事，例如添加：

Header 添加 Access-Control-Allow-Origin: * Header 添加 Access-Control-Allow-Methods: "GET,POST,OPTIONS,DELETE,PUT"

我也在联系我的主机。有人有什么建议吗？ 我确实看到很多关于这个主题的问题，每个人都有其他解决方案。过滤它并到达正确点的最佳方法是什么？我现在只是在不遵循列表或可能让我找到解决方案的东西的情况下尝试一些事情。

非常欢迎任何帮助！

Answer 1

Header 需要在任何其他输出之前调用。所以你的 try/catch 块看起来像这样：

try
{
  $conn = new PDO("mysql:host=$servername;dbname=$dbName", $username, $password);
  // set the PDO error mode to exception
  $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
}
catch(PDOException $e)
{
  header("HTTP/1.1 404");
  echo "Connection failed: " . $e->getMessage();
}

编辑：也尝试删除 authJSON 并改用 auth。直接传递 JSON object 就可以了。

Angular 5 到 PHP POST returns 总是 403

Angular 5 to PHP POST returns always 403

php

post

pdo

http-status-code-403

angular