使用axios封装request(适用于react,vue)

//request.js
import axios from 'axios'//需要安装axios,如果没有-->yarn add axios或npm i axios

const instance = axios.create({
  baseURL: 'XXXX',	//换成自己请求数据的url
  timeout: 5000,
  //请求前数据处理,只能用在PUT, POST和PATCH这几个请求方法
  transformRequest:[
  	function(data){
  		//可以对data做任何转换处理
  		return data
  	}
  ]
  //请求后数据处理
  transformResponse:[
  	function(data){
  		//可以对data做任何转换处理
  		return data
  	}
  ]
});

// 添加请求拦截器
instance.interceptors.request.use(
	function (config) {
	  //获取token,登录凭证
	  let token = localStorage.getItem("x-auth-token");
	  //如果有token,则自动携带在请求头中
	  if (token) {
	    config.headers = {
	      "x-auth-token": token
	    }
	  }
	  return config;
	}, 
	function (error) {
	  // 请求错误反馈
	  return Promise.reject(error);
	}
);


// 添加响应拦截器
instance.interceptors.response.use(
	function (response) {
	  // 响应成功,返回数据等信息
	  return response.data;
	}, 
	function (error) {
	  // 响应错误反馈
	  return Promise.reject(error);
	}
);


export default instance;

//api.js
import request from "./request"

export const loginApi = data => request.post("/admin/login", data)