解决Yii2中POST请求无法接收JSON数据的问题

let csrfToken = document.querySelector("meta[name='csrf-token']").content;
let csrfParam = document.querySelector("meta[name='csrf-param']").content;

fetch("http://site.se/react/save-babysitter", {
  method: "POST",
  headers: {
    "Content-Type": "application/json", // 关键：指定JSON内容类型
    "Accept": "application/json",
    "csrf-param": csrfParam,
    "X-CSRF-Token": csrfToken // Yii2 CSRF令牌
  },
  body: JSON.stringify({ // 将数据序列化为JSON字符串
    'id': 123,
    'name': '示例名称'
  })
})
.then(response => response.json())
.then((data) => console.log(data))
.catch(error => console.error('Error:', error));

// config/web.php

'components' => [
    'request' => [
        // !!! insert a secret key in the following (if it is empty) - this is required by cookie validation
        'cookieValidationKey' => 'your-secret-key', // 请替换为你的实际密钥
        'parsers' => [
            'application/json' => 'yii\web\JsonParser',
            // 如果你还可能接收其他JSON相关的Content-Type，也可以添加
            // 'application/xml' => 'yii\web\XmlParser', // 示例：XML解析器
        ],
        // ... 其他request组件的配置，如enableCsrfValidation等
    ],
    // ... 其他组件配置
]

// controllers/ReactController.php (假设你的控制器名为ReactController)

namespace app\controllers;

use Yii;
use yii\web\Controller;
use yii\web\Response;

class ReactController extends Controller
{
    // 禁用CSRF验证（如果前端通过自定义头发送X-CSRF-Token，则此步不是必须的，但对于API接口常见）
    public function beforeAction($action)
    {
        if (in_array($action->id, ['save-babysitter'])) {
            $this->enableCsrfValidation = false;
        }
        return parent::beforeAction($action);
    }

    /**
     * 处理保存保姆信息的POST请求
     * @return array
     */
    public function actionSaveBabysitter()
    {
        Yii::$app->response->format = Response::FORMAT_JSON; // 确保返回JSON格式

        $request = Yii::$app->request;

        // 获取所有解析后的POST数据 (JSON数据现在会在这里)
        $data = $request->post(); // 或者 $request->bodyParams;

        // 从解析后的数据中获取特定字段
        $id = $data['id'] ?? null;
        $name = $data['name'] ?? null;

        // 验证数据
        if (empty($id) || empty($name)) {
            return ['status' => 'error', 'message' => '数据不完整，ID或名称缺失。'];
        }

        // 这里可以进行你的业务逻辑处理，例如保存到数据库
        // ...
        Yii::info("接收到数据：ID={$id}, Name={$name}", __METHOD__);

        // 返回成功响应
        return ['status' => 'success', 'message' => '数据接收并处理成功', 'received_id' => $id, 'received_name' => $name];
    }
}