学习笔记——Vue中axios报错Cannot read property ‘cancelToken‘ of undefined

使用axios发送请求时，报错Cannot read property 'cancelToken' of undefined。

1.原因

axios中拦截器没有返回值。

// 请求拦截
request.interceptors.request.use(
  (config) => {
    if (
      config.method === 'post' ||
      config.method === 'put' ||
      config.method === 'delete'
    ) {
      // qs序列化
      config.data = qs.parse(config.data)
    }
  },
  (error) => {
    console.log('error:' + error)
  }
)

2.解决方法

添加return config。

// 请求拦截
request.interceptors.request.use(
  (config) => {
    if (
      config.method === 'post' ||
      config.method === 'put' ||
      config.method === 'delete'
    ) {
      // qs序列化
      config.data = qs.parse(config.data)
    }

    return config
  },
  (error) => {
    console.log('error:' + error)
  }
)

// 响应拦截
request.interceptors.response.use(
  (config) => {
    return config
  },
  (error) => {
    console.log('error:' + error)
  }
)