美文网首页
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