Ant Design Pro，请求接口Network的Preview有值，但返回的response值是undefined

•  问题：Ant Design Pro，请求接口，Network的Preview有值，但返回的response值是undefined，Preview是字符串不是json

 

// models/login.js中
effects: {
  *getData({ payload }, { call }) {
    const response = yield call(getData);
    console.log(_data); // undefined
    return response;
  }
}

// 组件中
getData= async() {
  const response = await this.props.dispatch({
    type: 'login/getData',
  });
  console.log(response); // undefined
}

---

•  分析：由于组件和models中都response都是undefined，那么首先想到，可能是request.js中请求返回的response有问题，操作response的地方出错。打开utils/request.js，发现return的fetch方法中默认 return response.json()，而浏览器Network上显示的Preview是字符串，处理字符串应该用 return response.text()。此步骤就已经出错，所以models中拿到的结果就是undefined。

// 默认request
return fetch(url, newOptions)
    .then(checkStatus)
    .then(response => cachedSave(response, hashcode))
    .then(response => {
      if (newOptions.method === 'DELETE' || response.status === 204) {
        return response.text();
      }
      return response.json();
    })

---

• 解决办法：让后端将返回的数据格式由字符串改为json。或者前端修改utils/request.js，让其return response.text()来处理字符串