Angular 5 HTTP Post请求无法与PHP后端配合使用问题求助

我来帮你梳理下可能的问题点，之前做前后端对接时也踩过不少CORS的坑，咱们一步步来：

1. 补全CORS响应头，确保覆盖必要字段 #

你贴的PHP CORS配置里，Access-Control-Allow-Headers没写完，这很可能是关键问题。POST请求通常需要允许Content-Type头，另外最好把常见的头都加上，避免遗漏。修改后的PHP头配置应该是这样：

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, Accept, Accept-Language, Content-Language, Last-Event-ID');

2. 正确处理OPTIONS预检请求 #

浏览器发送POST这类非简单请求时，会先发起一个OPTIONS预检请求确认权限。你的PHP代码需要判断请求方法，如果是OPTIONS，直接返回200状态码，不需要处理业务逻辑：

if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
    http_response_code(200);
    exit();
}

如果没处理OPTIONS请求，浏览器会因为预检失败而拒绝后续的POST请求。

3. 修复前端代码的小bug #

你写的subscribe回调里参数是data，但console.log用的是res，这会导致控制台报错，虽然不是CORS问题，但会影响你排查结果。另外建议加上错误回调，方便看具体报错信息：

this.http.post("http://localhost/angular5/user-add.php", this.myform.value)
  .subscribe( 
    data => console.log('请求成功:', data),
    error => console.error('请求失败:', error)
  );

4. 排查PHP后端是否正常接收数据 #

可以在PHP开头加上错误输出，看看有没有后端报错，同时打印接收的POST数据确认是否收到：

error_reporting(E_ALL);
ini_set('display_errors', 1);

// 打印接收的POST数据
var_dump($_POST);

如果后端本身有语法错误或者逻辑错误，也会导致请求失败，不一定是CORS的问题。

先按这几步排查，应该能解决大部分问题。

内容的提问来源于stack exchange，提问作者Test admin