iview-admin里面的 axios 给包装了一层数据 libs/axios.js 数据做了一层拦截

Posted 彭成刚_Reciter | 技术博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iview-admin里面的 axios 给包装了一层数据 libs/axios.js 数据做了一层拦截相关的知识,希望对你有一定的参考价值。

 

interceptors (instance, url) {
    // 请求拦截
    instance.interceptors.request.use(config => {
      // 添加全局的loading...
      if (!Object.keys(this.queue).length) {
        // Spin.show() // 不建议开启,因为界面不友好
      }
      this.queue[url] = true
      return config
    }, error => {
      return Promise.reject(error)
    })
    // 响应拦截
    instance.interceptors.response.use(res => {
      this.destroy(url)
      const { data, status } = res
      return { data, status }
    }, error => {
      this.destroy(url)
      let errorInfo = error.response
      if (!errorInfo) {
        const { request: { statusText, status }, config } = JSON.parse(JSON.stringify(error))
        errorInfo = {
          statusText,
          status,
          request: { responseURL: config.url }
        }
      }
      addErrorLog(errorInfo)
      return Promise.reject(error)
    })
  }

 

 

config: {transformRequest: {…}, transformResponse: {…}, timeout: 0, xsrfCookieName: "XSRF-TOKEN", adapter: ƒ, …}
data: {id: "1", username: "2", userpass: "3"}
headers: {content-type: "application/json; charset=utf-8", content-length: "40"}
request: MockXMLHttpRequest {custom: {…}, readyState: 4, responseURL: "http://127.0.0.1:8081/api/select.php", status: 200, statusText: "OK", …}
status: 200
statusText: "OK"
__proto__: Object

 

以上是关于iview-admin里面的 axios 给包装了一层数据 libs/axios.js 数据做了一层拦截的主要内容,如果未能解决你的问题,请参考以下文章

iview-admin 部署到子路经

axios 前端Post 传字符串数组给 Web Api 接收

Vue iview-admin框架二级菜单改为三级菜单

iView-admin下设置请求路径

iview-admin左侧菜单只有一个子菜单时,父级菜单不显示的问题

vue2 + iview-admin 1.3 + django 2.0 一个最简单的增删改查例子