axios的用法

当然,axios是一个非常流行的基于Promise的HTTP客户端,用于浏览器和node.js中发送请求。下面我会用分点的方式来介绍axios的用法:

安装axios

在你的项目中,你可以通过npm或yarn来安装axios。打开终端并执行以下命令之一:

npm install axios

yarn add axios

发送GET请求

使用axios.get(url, config)方法发送GET请求。其中url是请求的URL地址,config是一个可选的配置对象。

示例:

javascript

import axios from 'axios';

axios.get('https://api.example.com/data')

.then(function (response) {

console.log(response.data);

})

.catch(function (error) {

console.error(error);

});

发送POST请求

使用axios.post(url, data\[, config])方法发送POST请求。其中url是请求的URL地址,data是请求的数据对象,config是一个可选的配置对象。

示例:

javascript

import axios from 'axios';

const data = {

name: 'John Doe',

email: 'johndoe@example.com'

};

axios.post('https://api.example.com/users', data)

.then(function (response) {

console.log(response.data);

})

.catch(function (error) {

console.error(error);

});

请求配置

在发送请求时,你可以通过config对象来设置请求的各种配置。比如:

params: 请求的查询参数对象

headers: 请求头对象

timeout: 请求超时时间(单位:毫秒)

withCredentials: 是否携带跨域请求的凭证

cancelToken: 用于取消请求的CancelToken对象

responseType: 响应数据的类型(如'json'、'blob'、'document'等)

示例(以GET请求为例):

javascript

axios.get('https://api.example.com/data', {

params: {

ID: 12345

},

headers: {

'Content-Type': 'application/json'

},

timeout: 5000

});

拦截器和转换请求/响应数据

axios支持请求/响应拦截器,你可以在请求发送前或响应返回后进行一些处理。

axios还可以转换请求数据和响应数据,比如自动将JSON字符串转换为JavaScript对象。

其他方法

axios还支持PUT、DELETE、PATCH等其他HTTP方法,以及axios.all用于批量发送多个请求。

相关推荐
xiaofeichaichai8 小时前
Webpack
前端·webpack·node.js
Python私教11 小时前
把开源 Agent 打包成"解压双击即用"的 Windows 便携包:一条命令的完整实现
node.js
没事别瞎琢磨14 小时前
十一、审计与 Run Session——每一步操作都被记录
人工智能·node.js
没事别瞎琢磨14 小时前
十六、AgentSandbox——把所有模块串起来的编排类
人工智能·node.js
没事别瞎琢磨14 小时前
十二、网络代理与白名单规则引擎
人工智能·node.js
没事别瞎琢磨14 小时前
十四、Git Worktree 隔离执行
人工智能·node.js
没事别瞎琢磨15 小时前
十、统一 Runner 入口——能力检测与模式回退
人工智能·node.js
没事别瞎琢磨15 小时前
八、环境隔离——构建安全的子进程环境
人工智能·node.js
没事别瞎琢磨16 小时前
六、输出捕获与截断
人工智能·node.js
没事别瞎琢磨16 小时前
七、敏感路径预检——Protected Paths
人工智能·node.js