axios封装post接口
时间: 2023-10-09 18:09:50 浏览: 102
axios 是一个基于 Promise 的 HTTP 请求客户端,可以在浏览器和 Node.js 中使用。下面是一个简单的 axios 封装 post 接口的示例:
```javascript
import axios from 'axios';
const API_URL = 'http://example.com/api';
const postRequest = async (url, data) => {
try {
const response = await axios.post(`${API_URL}/${url}`, data);
return response.data;
} catch (error) {
console.error(error);
throw error;
}
};
export default postRequest;
```
这个封装函数接受两个参数:`url` 表示接口地址,`data` 表示请求的数据对象。在函数内部,我们使用 `axios.post` 方法发送 POST 请求,并将返回的响应数据解析为 JSON 格式的对象。如果请求失败,我们会将错误打印到控制台并抛出异常。
你可以将上面的代码保存到一个名为 `postRequest.js` 的文件中,然后在你的项目中引入它,如下所示:
```javascript
import postRequest from './postRequest';
const data = { name: 'John Doe', email: 'john.doe@example.com' };
postRequest('users', data)
.then(response => console.log(response))
.catch(error => console.error(error));
```
在这个示例中,我们向 `/api/users` 接口发送一个 POST 请求,并将 `{ name: 'John Doe', email: 'john.doe@example.com' }` 作为请求体。如果请求成功,我们会将响应数据打印到控制台。如果请求失败,我们会将错误打印到控制台。
阅读全文