[JavaScript知识库]AXIOS封装

单独建一个network文件

建立一个network.js

创建

import axios from 'axios';
export function request1(config)
{
    const instance = axios.create({
        baseURL: baseURL.url1,
        timeout: 5000
    })
    return instance(config)
}
export function request2(config){
    const instance = axios.create({
        baseURL: baseURL.url2,
        timeout: 5000
    })
    return instance(config)
}

使用

request1.get({
   url: 'http://'
}).then(
    res=>{
        
    }
);

request1.post({
    url: 'http://',
    data: {
        
    }
}).then(
    res=>{
        
    }
);

axios拦截器

请求拦截器

export function request1(config)
{
    const instance = axios.create({
        baseURL: baseURL.url1,
        timeout: 5000
    })
    instance.intercept.request.use(config=>{
        console.log(config);  //输出的是配置的对象
        return config
    },error => {
        
    })
    return instance(config);
}

相应拦截器

export function request1(config)
{
    const instance = axios.create({
        baseURL: baseURL.url1,
        timeout: 5000
    })
  instance.interceptors.response.use(
  response => {
    //拦截响应，做统一处理 
    if (response.data.code) {
      switch (response.data.code) {
        case 1002:
          store.state.isLogin = false
          router.replace({
            path: 'login',
            query: {
              redirect: router.currentRoute.fullPath
            }
          })
      }
    }
    return response
  },
  //接口错误状态处理，也就是说无响应时的处理
  error => {
    return Promise.reject(error.response.status) // 返回接口返回的错误信息
  })  
    return instance(config);
}