vue 使用axios怎么更改请求拦截器？

Question

// 引入axios以及element ui中的loading和message组件

import axios from 'axios'

import { Loading, Message } from 'element-ui'

// 超时时间

axios.defaults.timeout = 5000

// http请求拦截器

var loadinginstace

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

// element ui Loading方法

loadinginstace = Loading.service({ fullscreen: true })

return config

}, error => {

loadinginstace.close()

Message.error({

message: '加载超时'

})

return Promise.reject(error)

})

// http响应拦截器

axios.interceptors.response.use(data => {// 响应成功关闭loading

loadinginstace.close()

return data

}, error => {

loadinginstace.close()

Message.error({

message: '加载失败'

})

return Promise.reject(error)

})

export default axios

比如这个有时候 不想跳出elementUI 的 loading 要怎么修改设置呢？

求大神指点！！！！

Answer 1

可以加一个开关，放在全局还是vue哪里，随便你，通过控制这个开关来控制是否显示loadingloadinginstace = showLoading && Loading.service({ fullscreen: true }) loadinginstace && loadinginstace.close()