axios封装

一、axios配置优先级

axios请求config参数 > const instance = axios.create()的defaults属性 > axios.defaults的默认值

二、跨域请求时

需要设置 withCredentials = true,表示跨域请求时使用凭证

三、axios简单封装

import axios from 'axios';
import qs from 'qs';

// 设置全局axios的默认值
axios.defaults.timeout = 5000;
axios.defaults.baseURL = 'http://localhost:7001';

// 拦截器
axios.interceptors.request.use(
    config => {
        config.data = qs.stringify(config.data);
        config.headers = {
            'Content-Type': 'application/x-www-form-urlencode'
        };
        return config;
    }, 
    error => {
        return Promise.reject(error);
    }
);
axios.interceptors.response.use(
    response => {
        return response;
    },
    error => {
        return Promise.reject(error);
    }
);

// get请求
const get = (url, params = {}) => {
    return new Promise((resolve, reject) => {
      axios.get(url,{params}).then(res =>{
        resolve(res.data);
      }).catch(err => {
        reject(err);
      });
    });
}

// post请求
const post = (url, params = {}) => {
    return new Promise((resolve, reject) => {
      axios.post(url,params).then(res =>{
        resolve(res.data);
      }).catch(err => {
        reject(err);
      });
    });
}
export {
    get, post
}