Axios PUT请求

PUT 请求通常用于更新资源。

发送 PUT 请求

发送 PUT 请求需要使用 axios.put 方法，并传入请求的 URL、要更新的数据（通常是一个对象），以及可选的配置对象。以下是一个基本的例子：

axios.put('https://example.com/api/resource/1', {
    name: 'New Name',
    description: 'Updated Description'
})
.then(response => {
    console.log('Response data:', response.data);
})
.catch(error => {
    console.error('Error:', error);
});

在这个例子中，我们向 https://example.com/api/resource/1 发送了一个 PUT 请求，并传递了一个包含 name 和 description 的对象作为要更新的数据。

配置请求选项

与 POST 请求类似，你也可以传递一个配置对象来进一步自定义 PUT 请求。例如，设置请求头、超时时间等：

axios.put('https://example.com/api/resource/1', {
    name: 'New Name',
    description: 'Updated Description'
}, {
    headers: {
        'Content-Type': 'application/json',
        'Authorization': 'Bearer YOUR_TOKEN_HERE'
    },
    timeout: 5000 // 超时时间设置为 5000 毫秒
})
.then(response => {
    console.log('Response data:', response.data);
})
.catch(error => {
    console.error('Error:', error);
});

使用 async/await 语法

你也可以使用 async/await 语法来发送 PUT 请求，并处理响应和错误：

async function updateResource() {
    try {
        const response = await axios.put('https://example.com/api/resource/1', {
            name: 'New Name',
            description: 'Updated Description'
        }, {
            headers: {
                'Content-Type': 'application/json',
                'Authorization': 'Bearer YOUR_TOKEN_HERE'
            },
            timeout: 5000
        });
        console.log('Response data:', response.data);
    } catch (error) {
        console.error('Error:', error);
    }
}

updateResource();

完整示例

以下是一个完整的示例，展示了如何使用 Axios 发送一个带有自定义请求头和超时设置的 PUT 请求：

const axios = require('axios');

async function updateResource() {
    const url = 'https://example.com/api/resource/1';
    const data = {
        name: 'New Name',
        description: 'Updated Description'
    };
    const config = {
        headers: {
            'Content-Type': 'application/json',
            'Authorization': 'Bearer YOUR_TOKEN_HERE'
        },
        timeout: 5000
    };

    try {
        const response = await axios.put(url, data, config);
        console.log('Response data:', response.data);
    } catch (error) {
        console.error('Error:', error);
    }
}

updateResource();

总结

PUT 请求通常用于更新服务器上的资源。使用 Axios 发送 PUT 请求非常简单，只需调用 axios.put 方法，并传入请求的 URL、要更新的数据以及可选的配置对象。通过配置对象，你可以自定义请求头、设置超时时间等。

本文地址：https://www.tides.cn/p_js-axios-put