vue中axios的封装

import axios from 'axios'
const ConfigBaseURL = 'https://localhost:3000/'

// 使用create方法创建axios实例
const Service = axios.create({
  baseURL: ConfigBaseURL, //1. 设置默认地址
  timeout: 7000 // 2. 请求超时时间

})

//3. 给POST请求添加请求头设置（不同项目，值不一样）
Service.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';

//4.1 添加请求拦截器
Service.interceptors.request.use(config => {
  loadingInstance = Loading.service({
    lock: true,
    text: 'loading...'
  })
  return config
})

//4.2 添加响应拦截器
Service.interceptors.response.use(response => {
  loadingInstance.close()
  // console.log(response)
  return response.data
}, error => {
  console.log('TCL: error', error)
  const msg = error.Message !== undefined ? error.Message : ''
  Message({
    message: '网络错误' + msg,
    type: 'error',
    duration: 3 * 1000
  })
  loadingInstance.close()
  return Promise.reject(error)
})

import axios from './util/axios.js'
Vue.prototype.$axios = axios ;