ts封装axios

一、下载插件：npm install axios

二、创建文件：创建一个 axios 实例

import axios from 'axios'                             //引入axios

axios.create({
  // baseURL: 'http://localhost:3002',
  timeout: 5000,                                          //如果请求花费了超过 `timeout` 的时间，请求将被中断

});

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response;
}, function (error) {
  // 对响应错误做点什么
  return Promise.reject(error);
});

export default axios                                                                   //抛出axios以便别的文件调用

实例：

三、 创建一个封装模块

创建api.ts

import axios from "./utils/axios.ts";                            //调用上个文件抛出的axios

export const Getlist = () => axios.get('http://v1.yiketianqi.com/api', {
    params: {
        appid: '92116919',
        appsecret: 'Hq167xxf',
        version: 'v9'
    }
}
)