如何使用 Axios transformRequest 改变请求返回值？

在 Axios 中，transformRequest 允许您在请求数据发送到服务器之前对其进行修改。这可以用来改变请求体的格式，添加或修改请求头，或者实现其他任何您想在发送请求前做的事情。

举一个例子，假设我们有一个发送 JSON 数据到服务器的 POST 请求。我们可以使用 transformRequest 来转换这些数据，比如我们想在发送数据之前将其包装在一个特定的对象结构中：

javascript
const axios = require('axios');

// 假设我们原本要发送的数据如下
const dataToSend = {
    name: "张三",
    email: "zhangsan@example.com"
};

// 使用 Axios 创建请求配置
const config = {
    method: 'post',
    url: 'https://example.com/api/users',
    data: dataToSend,
    transformRequest: [(data, headers) => {
        // 在这里我们可以修改请求头
        headers['Content-Type'] = 'application/json';

        // 转换请求体数据结构
        const transformedData = {
            userData: data,
            additionalInfo: "这是一些额外的信息"
        };

        // 必须返回一个字符串或 ArrayBuffer、FormData 等类型
        return JSON.stringify(transformedData);
    }]
};

// 发送请求
axios(config)
    .then(response => {
        console.log('Response:', response.data);
    })
    .catch(error => {
        console.error('Error:', error);
    });

在这个例子中，我们创建了一个基础的 Axios 请求配置，并且定义了一个 transformRequest 函数。这个函数接收原始的数据和请求头作为参数。在函数内部，我们修改了请求头（这里是设置了 'Content-Type' 为 'application/json'），然后转换了数据结构，将原始数据包装在一个新对象的 userData 属性中，并添加了一个 additionalInfo 属性。然后我们将这个新对象转换为 JSON 字符串并返回。

需要注意的是，transformRequest 是一个函数数组，因此您可以按顺序提供多个转换函数，每个函数都可以对数据进行操作并返回新的数据给下一个函数。

在实际的应用中，使用 transformRequest 可以很灵活地解决各种需求，例如对数据进行加密、移除不需要发送的数据字段、添加额外的验证信息等。