通过Axios Ajax Post向PHP脚本传递数据失败，求解决方案

我帮你排查下这个Axios传数据到PHP失败的问题，先从你的代码和常见坑点入手：

1. 最可能的原因：Content-Type 不匹配 #

Axios默认发送POST请求时，会把数据以application/json格式发送，但PHP的$_POST变量只能解析application/x-www-form-urlencoded或multipart/form-data类型的请求。这就导致你PHP脚本里拿不到前端传的email和code。

给你两种解决方案，选一种就行：

方案一：前端改用FormData格式发送 #

把数据包装成FormData对象，这样PHP就能用$_POST正常接收：

var config = {
  headers: {
    'X-Requested-With': 'XMLHttpRequest',
  }
};
new Vue({
  el:'#app',
  data:{
    email:'',
    access:''
  },
  methods:{
    signin:function(){
      console.log(this.email + ' ' + this.access);
      let url = '../App/testConnection.php';
      // 构建FormData
      const formData = new FormData();
      formData.append('email', this.email);
      formData.append('code', this.access);
      
      axios.post(url, formData, config)
        .then((response) =>{
          console.log(response.data);
        })
        .catch(function (error) {
          console.error(error); // 补全catch逻辑，打印完整错误信息
        })
    }
  }
})

方案二：PHP直接解析JSON请求体 #

如果不想改前端代码，那PHP里直接读取原始请求体并解析JSON：

// testConnection.php
// 读取原始请求内容
$rawData = file_get_contents('php://input');
// 解析成关联数组
$requestData = json_decode($rawData, true);

// 验证数据是否存在
if (isset($requestData['email']) && isset($requestData['code'])) {
  // 处理你的业务逻辑
  echo json_encode([
    'status' => 'success',
    'received_email' => $requestData['email'],
    'received_code' => $requestData['code']
  ]);
} else {
  echo json_encode([
    'status' => 'error',
    'message' => '缺少必要参数'
  ]);
}

2. 修复代码里的小问题 #

你的catch块代码没写完，console.log(... })应该改成console.error(error)，这样能打印出完整的错误信息（比如请求超时、服务器报错等），方便你排查问题。

3. 用开发者工具排查请求详情 #

打开浏览器F12进入「Network」标签，找到这个POST请求：

• 查看「Request Payload」确认数据是否正确发送
• 查看「Response」标签看服务器返回的具体内容，有没有PHP的报错信息

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