config.data has been changed in response interceptor

I am using axios request and response interceptors but it seems response.config.data is not an Object.

Here is my Request interceptor:

config.data is an instance of my Form Object

API.interceptors.request.use((config) => {
  if (config.data instanceof Form) {
    config.data.startProcessing()
  }
  return config
})

Now going to the response interceptor, it seems it is not a Form anymore when it is a string already.

API.interceptors.response.use((response) => {
  // this response.config.data is now a string not my Form object anymore
  if (response.config.data instanceof Form) {
    response.config.data.finishProcessing()
  }
  return response
})

[liveKang]

so just try this in node-module/axios/lib/defaults.js,change this Fun.

transformResponse: [function transformResponse(data) {
    /*eslint no-param-reassign:0*/
    if (typeof data === 'string') {
      try {
        if (!String.prototype.trim) {
          String.prototype.trim = function () {
            return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
          };
        }
        data = JSON.parse(data.trim(''));
      } catch (e) { 
        /* Ignore */
        console.log('can not JSON.parse the response', e)
      }
    }
    return data;
  }],

hope this can help you.

[chinesedfan]

The reason is that config.data has been changed in response interceptor, as well as my edited issue title. A workaround can be saving the original data in a customized field of the config.

API.interceptors.request.use((config) => {
  config.rawData = config.data
  return config
})

API.interceptors.response.use((response) => {
  // read `config.rawData`
  return response
})