本文记录如何快速入门Axios,用于帮助初学者快速入门。
目录
一、安装
使用npm安装Axios
$ npm install axios
二、配置
创建src目录下Axios目录并创建Axios.ts文件
import axios, {AxiosInstance} from "axios";
//以下注释为配置基础url,可能会有跨域问题,注释后使用默认请求地址
//const Axios: AxiosInstance = axios.create({
// baseURL: 'http://localhost:8080'
//});
// 设置请求拦截器
Axios.interceptors.request.use(function (config) {
console.log('发请求')
return config;
}, function (error) {
// 出错执行
return Promise.reject(error);
});
// 设置响应拦截器
Axios.interceptors.response.use(function (response) {
console.log('收到响应')
return response.data;
}, function (error) {
// 出错执行
return Promise.reject(error);
});
export default Axios;
三、使用
引入Axios
import Axios from "../Axios/Axios.ts";
使用Axios
try {
await myAxios({
url: 'login',
method: 'post',
data: {
id: '1',
username: 'name123'
}
}
).then(res => {
console.log(res.data.data)
})
} catch (error) {
console.error(error);
}