Ajax第一篇 掌握 axios 相关参数,从服务器获取并解析展示数据 掌握接口文档的查看和使用 掌握在浏览器的 network 面板中查看请求和响应的内容 了解请求和响应报文的组成部分
// 引入axios库
import axios from 'axios';
// 创建axios实例,并配置基础URL
const instance = axios.create({
baseURL: 'https://api.example.com'
});
// 发送请求并处理响应
instance.get('/endpoint', {
params: { // 请求参数
key1: 'value1',
key2: 'value2'
}
})
.then(response => {
// 请求成功处理
console.log('Response:', response.data);
})
.catch(error => {
// 请求失败处理
console.error('Error:', error);
});
这段代码展示了如何使用axios库创建一个实例并设置基础URL,然后发送一个GET请求到指定的接口,并附带查询参数。成功获取响应后,它会在控制台输出响应数据,如果请求失败,它会输出错误信息。这是学习如何使用axios进行基本的HTTP请求的一个很好的起点。
评论已关闭