Angular 5 http post 无法使用 PHP

Question

我有一个用户表单。我需要发送到后端的用户详细信息。所以我尝试如下所示：

this.http.post("http://localhost/angular5/user-add.php", this.myform.value).subscribe(
            data => {
                console.log(res)
            }
        )

我的后台是PHP，设置CORS如下图：

header('Access-Control-Allow-Origin: *');
    header("Access-Control-Allow-Credentials: true");
    header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS');
    header('Access-Control-Max-Age: 1000');
    header('Access-Control-Allow-Headers: Origin, Content-Type, X-Auth-Token , Authorization')

如果我运行此代码，我会收到以下错误：

ERROR Object { headers: Object, status: 200, statusText: "OK", url: "http://localhost/angular5/user-add.…", ok: false, name: "HttpErrorResponse", message: "Http failure during parsing for htt…", error: Object }  core.js:1665:5

非常感谢任何帮助。提前致谢。

Answer 1

不是很容易理解，但是你能不能写一个异常处理程序，这样你就可以看到到底出了什么问题。

  getHeroes (): Observable<Hero[]> {
return this.http.get<Hero[]>(this.heroesUrl)
  .pipe(
    tap(heroes => this.log(`fetched heroes`)),
    catchError(this.handleError('getHeroes', []))
  );

}

Angular Heros App

Answer 2

试试这个：

this.http.post("http://localhost/angular5/user-add.php", this.myform.value, {responseType: 'text'}).subscribe(
            data => {
                console.log(res)
            }
        )

Angular 5 http post 无法使用 PHP

Angular 5 http post not working with PHP

angular

angular5

angular4-forms

angular4-httpclient