REACT 中axios的使用

REACT 中axios的使用

1.新建一个axios.js文件根据官网api默认配置一个axios

/**
 * axios 根据官网api默认配置一个axios
 */

import axios from 'axios';


//创建实例
const instance = axios.create();

// 添加一个请求拦截器
instance.interceptors.request.use(function (config) {
  // Do something before request is sent
  return config;
}, function (error) {
  // Do something with request error
  return Promise.reject(error);
});

// 添加一个响应拦截器
instance.interceptors.response.use(function (response) {
  // Do something with response data
  return response;
}, function (error) {
  // Do something with response error
  return Promise.reject(error);
});

export default instance;

2.新建一个文件来配置get,post等方法,需要啥就配置啥,

** * until 请求接口定义

• @param {String} options.method 请求方法 支持 post、put、patch、delete 等 自己去配
• @param {String} options.url 请求路径
• @param {Object} options.body 请求体。
• @return {Promise}**