Angular前端与PHP后端认证接口调用异常排查求助

这问题我之前也踩过类似的坑，大概率是请求参数的编码格式不匹配导致的——Postman和Angular默认发送请求的方式不一样，导致PHP后端拿不到正确的参数，所以查询不到数据始终返回false。咱们一步步来排查解决：

核心问题：请求格式差异 #

• Postman默认发送的是application/x-www-form-urlencoded（表单键值对格式），这种格式的参数会被PHP自动解析到$_POST数组里，所以你的后端代码能正常拿到project、username、password。
• Angular的$http.post默认发送的是application/json格式的请求体，PHP不会自动把JSON格式的请求体解析到$_POST里，这时候你的$_POST['project']之类的变量其实是空的，自然查不到数据库记录，返回false。

验证这个问题的方法 #

在你的PHP接口代码里加一行调试代码，看看实际收到的请求内容：

// 在try块开头添加
var_dump(file_get_contents('php://input'));

• 用Postman请求时，会输出类似username=xxx&password=xxx&project=xxx的字符串，这是表单格式。
• 用Angular请求时，会输出JSON字符串：{"username":"xxx","password":"xxx","project":"xxx"}，这就是PHP拿不到参数的原因。

两种解决方案 #

方案一：修改Angular端，发送表单格式请求 #

需要用Angular的$httpParamSerializerJQLike服务把参数序列化成表单格式，同时设置请求头为表单编码：

// 记得先在控制器里注入$httpParamSerializerJQLike服务
$rootScope.Connect = () => {
  const requestParams = {
    username: $scope.username,
    password: $scope.pwd,
    project: $rootScope.project
  };
  
  $http.post(
    Global.url_api + 'action=Connection',
    $httpParamSerializerJQLike(requestParams),
    { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }
  )
  .then((response) => {
    console.log(response);
  });
};

方案二：修改PHP后端，兼容JSON请求 #

让后端同时支持表单和JSON两种请求格式，这样不管前端怎么传都能拿到参数：

else if($action == 'Connection'){
  try{
    // 优先读取JSON请求体，没有的话用$_POST
    $requestData = $_POST;
    $rawInput = file_get_contents('php://input');
    if(!empty($rawInput)){
      $requestData = json_decode($rawInput, true);
      // 可以加个判断，如果解析失败就返回错误
      if($requestData === null){
        $response->credentialsOk = false;
        $response->error = 'Invalid request format';
        echo(json_encode($response));
        exit;
      }
    }
    
    // 从统一的requestData里取参数
    $project = $requestData['project'];
    $username = $requestData['username'];
    $password = $requestData['password'];
    
    $stmt = $bdd->prepare("SELECT * FROM Projects WHERE name = :name AND admin_user = :username AND admin_pwd = :password");
    $stmt->bindParam(":name", $project);
    $stmt->bindParam(":username", $username);
    $stmt->bindParam(":password", $password);
    $stmt->execute();
    $result = $stmt->fetchAll(PDO::FETCH_ASSOC);
    
    $response->credentialsOk = count($result) !== 0;
    echo(json_encode($response));
  }catch(Exception $e){
    die('Erreur : '.$e->getMessage());
  }
}

额外重要建议 #

• 绝对不要明文传输密码！ 你的代码现在是把密码明文传到后端，还直接用明文查数据库，这是严重的安全漏洞。正确的做法是：注册时用password_hash()把密码哈希后存数据库，验证时用password_verify($输入密码, $数据库哈希值)来验证，不要直接比较明文。
• 调试时可以在Angular里打印请求的详情（比如console.log请求的headers和body），对比Postman的请求详情，更直观地看到差异。

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