Axios快速入门教程_axios快速入门csdn

本文记录如何快速入门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);
  }

欢迎留言评论探讨！！！