美文网首页
axios的拦截器

axios的拦截器

作者: chan_it | 来源:发表于2019-05-04 14:41 被阅读0次
import axios from 'axios'
import state from '../store/state'
import { Message } from 'element-ui'

// 服务器的域名/ip
const domain = 'http://192.168.0.108/'

const $http = axios.create({
  baseURL: domain,
  timeout: 5000
})

// request请求拦截器
$http.interceptors.request.use(
  config => {
    // Loading.service({text: '加载中...'})   这是全局的loading
    if (state.cjtzAuthorization) {
      Object.assign(config.headers, { 'Authorization': state.cjtzAuthorization })
    }
    return config
  },
  error => {
    Promise.reject(error)
  }
)

// respone响应拦截器
$http.interceptors.response.use(
  response => {
    // Loading.service().close()  响应成功,关闭全局的loading
    return response
  },
  error => {
    // Loading.service().close()  响应错误,关闭全局的loading
    Message({
        message: '服务器繁忙,请稍后重试',
        type: 'error',
        duration: 4 * 1000
      })
    return Promise.reject(error)
  }
)

export default $http

相关文章

网友评论

      本文标题:axios的拦截器

      本文链接:https://www.haomeiwen.com/subject/gnvxoqtx.html