vue 封装 axios

// 导入axios

import axios from 'axios'

// 使用element-ui Message做消息提醒

import { Message } from 'element-ui';

//1. 创建新的axios实例，

const service = axios.create({

  // 公共接口--这里注意后面会讲

  baseURL: process.env.BASE_API,

  // 超时时间 单位是ms，这里设置了3s的超时时间

  timeout: 3 * 1000000

})

// 2.请求拦截器

service.interceptors.request.use(config => {

  config.data = JSON.stringify(config.data); //数据转化,也可以使用qs转换

  config.headers["Content-Type"] =  "application/json";

  if (config.url == '/biz014-api-backend/plan/sync') {

    config.headers['Authorization'] = config.token.token;

  }

  if(config.url == '/biz014-api-backend/choseHouse/syncChoseHouseResult') {

    config.headers['Authorization'] = config.params.token;

    delete config.params.token;

  }

  //发请求前做的一些处理，数据转化，配置请求头，设置token,设置loading等，根据需求去添加

   

  //如有需要：注意使用token的时候需要引入cookie方法或者用本地localStorage等方法，推荐js-cookie

  //const token = getCookie('名称');//这里取token之前，你肯定需要先拿到token,存一下

  //if(token){

  //config.params = {'token':token} //如果要求携带在参数中

  // config.headers.token= token; //如果要求携带在请求头中

  //}

  return config

}, error => {

  Promise.reject(error)

})

// 3.响应拦截器

service.interceptors.response.use(response => {

  //接收到响应数据并成功后的一些共有的处理，关闭loading等

  return response

}, error => {

  /***** 接收到异常响应的处理开始 *****/

  if (error && error.response) {

    // 1.公共错误处理

    // 2.根据响应码具体处理

    switch (error.response.status) {

      default:

        error.message = `连接错误${error.response.status}`

    }

  } else {

    // 超时处理

    if (JSON.stringify(error).includes('timeout')) {

      Message.error('服务器响应超时，请刷新当前页')

    }

    error.message = '连接服务器失败-------'

  }

  Message.error(error.message)

  /***** 处理结束 *****/

  //如果不需要错误处理，以上的处理过程都可省略

  return Promise.resolve(error.response)

})

//4.导入文件

export default service