axios 简单封装请求

118 阅读1分钟
// 使用create方法创建axios实例
const instance = axios.create({
  baseURL: 'http://localhost:3000/',
  timeout: 5000,
})
// 请求拦截器
instance.interceptors.request.use(config => {
  // 在发送请求之前做些什么
  return config
}
, error => {    // 请求错误时做些事
  return Promise.reject(error)
}
)
// 响应拦截器
instance.interceptors.response.use(response => {
  // 对响应数据做点什么
  return response
}
, error => {
  // 对响应错误做点什么
  return Promise.reject(error)
}
)
// 导出axios
export const get = (url, params) => {
  return instance({
    url: url,
    method: 'get',
    headers: {
      'Content-Type': 'application/json;charset=UTF-8'
    },
    params
  })
}
export const post = (url, data) => {
  return instance({
    url: url,
    method: 'post',
    headers: {
      'Content-Type': 'application/json;charset=UTF-8'
    },
    data
  })
}
export const postfrom = (url, params) => {
  var header = {
    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
  }
  return instance({
    url: url,
    method: 'post',
    headers: header,
    data: qs.stringify(params)
  })
}