axios封装(上)

封装axios from axios

1. 在根目录下安装axios
   cnpm install axios -S
2. 安装完成后在项目axios.js中引入

	import axios from 'axios'

3. 创建axios实例

const instance = axios.create({
    baseURL: 'https://some-domain.com/api/',
    timeout: 1000,
    headers: {'X-Custom-Header': 'foobar'}
  });

4. 书写拦截器Interceptors

• 创建 “请求” 拦截器

instance.interceptors.request.use(function (config) {
    return config;
}, function (error) {
    return Promise.reject(error);
});
  

• 创建 “响应” 拦截器

instance.interceptors.response.use(function (response) {
    return response;
}, function (error) {
    return Promise.reject(error);
});

5. 需要对部分内容进行修改

baseURL、timeout、headers

	
    baseURL: 'http://localhost:8090',
    timeout: 5000,
    headers: { 'X-Custom-Header': 'foobar' }

6. 抛出instance

export default instance

结语：

axios基础功能封装完毕 还需要对axios进行完善 比如baseURL暂时是写死的