当在TS中使用axios库进行网络请求时,需要如下操作:
1. 安装Axios
npm install axios
2. 导入Axios模块
import axios from 'axios';
3. 发起网络请求
使用Axios提供的方法(get、post等)去发送网络请求
// 发起 GET 请求
axios.get('https://api.example.com/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
// 发起 POST 请求
axios.post('https://api.example.com/data', { name: 'John', age: 25 })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
4. TS类型声明
interface UserData {
name: string;
age: number;
}
axios.get<UserData>('https://api.example.com/user')
.then(response => {
const userData: UserData = response.data;
console.log(userData.name, userData.age);
})
.catch(error => {
console.error(error);
});
在上面的代码中,使用泛型 <UserData> 声明了响应数据的类型
这样可以在.then方法中使用类型断言或类型推断来获取数据的类型并进行相关的操作