axios进阶使用-1 (更多参考axios文档)

 

请求配置 代理 

 proxy: {
    host: '127.0.0.1',  // ip地址
    port: 9000,
    auth: : {
      username: 'mikeymike',
      password: 'rapunz3l'
    }
  },

自定义实例

// 创建实例时设置配置的默认值
var instance = axios.create({
  baseURL: 'https://api.example.com'
});

// 在实例已创建后修改默认值
instance.defaults.headers.common['Authorization'] = AUTH_TOKEN;

自定义配置

// 使用由库提供的配置的默认值来创建实例
// 此时超时配置的默认值是 `0`
var instance = axios.create();

// 覆写库的超时默认值
// 现在，在超时前，所有请求都会等待 2.5 秒
instance.defaults.timeout = 2500;

// 为已知需要花费很长时间的请求覆写超时设置
instance.get('/longRequest', {
  timeout: 5000
});

设置拦截器

service.interceptors.request.use(
  config => {
    return config
  },
  error => {
    return Promise.reject(error);
  }
)

service.interceptors.response.use(
  config => {
    return config.data
  },
  error => {
    return Promise.reject(error);
  }
)

封装post请求 (get请求同理)

//封装函数
export function postAction (url, data, config = {}) {
  return new Promise((resolve, reject) => {
    service({
      url: url,
      method: 'post',
      data: data,
      ...config
    }).then(response => {
      resolve(response)
    }).catch(error => {
      reject(error)
    })
  })
}

 

更多请参考:https://www.kancloud.cn/yunye/axios/234845