Javascript react样板文件中request.js中的fetch包装：如何处理Spring后端json正文中的错误

我正在尝试修改此文件

问题是它在statusText中处理错误消息，这不是我可以从SpringBackOffice设置的

我在响应的正文中有我的错误消息

到目前为止，我就是这样解决的

我尝试了许多不同的方法使它工作，但我总是打破在这个承诺中实现的逻辑：任何帮助都将不胜感激

import "whatwg-fetch";
import { fromJS } from "immutable";

/**
 * Parses the JSON returned by a network request
 *
 * @param  {object} response A response from a network request
 *
 * @return {object}          The parsed JSON from the request
 */
function parseJSON(response) {
  return response.json();
}

/**
 * Checks if a network request came back fine, and throws an error if not
 *
 * @param  {object} response   A response from a network request
 *
 * @return {object|undefined} Returns either the response, or throws an error
 */
function checkStatus(response) {
  if (response.status >= 200 && response.status < 300) {
    return response;
  }
  return response.json().then(throwError);
}

/**
 * Throw an error with the errorMessage from the response body
 *
 * @param errorMessage
 */
function throwError(errorMessage) {
  throw new Error(errorMessage);
}

/**
 * Requests a URL, returning a promise
 *
 * @param  {string} url       The URL we want to request
 * @param  {object} [options] The options we want to pass to "fetch"
 *
 * @return {object}           An object containing either "data" or "error"
 */
export default function request(url, options = {}) {
  return fetch(url, options)
    .then(checkStatus)
    .then(parseJSON)
    .then((response) => (response))
    .catch((err) => ({ err }));
}

导入“whatwg fetch”；
从“不可变”导入{fromJS}；
/**
*解析网络请求返回的JSON
*
*@param{object}响应来自网络请求的响应
*
*@return{object}请求中解析的JSON
*/
函数parseJSON（响应）{
返回response.json（）；
}
/**
*检查网络请求是否正常返回，如果没有，则抛出错误
*
*@param{object}响应来自网络请求的响应
*
*@return{object | undefined}返回响应或抛出错误
*/
功能检查状态（响应）{
如果（response.status>=200&&response.status<300）{
返回响应；
}
返回response.json（）.then（throwError）；
}
/**
*使用响应正文中的errorMessage引发错误
*
*@param errorMessage
*/
函数抛出器错误（错误消息）{
抛出新错误（errorMessage）；
}
/**
*请求URL，返回承诺
*
*@param{string}url我们要请求的url
*@param{object}[options]我们要传递给“fetch”的选项
*
*@return{object}包含“数据”或“错误”的对象
*/
导出默认函数请求（url，选项={}）{
返回获取（url、选项）
.然后（检查状态）
.then（解析JSON）
.然后（（响应）=>（响应））
.catch（（err）=>（{err}））；
}

在react样板中偶然发现了相同的问题。 基本上，它的工作方式是使用来自响应的statusText头构造错误，而不是响应的主体

因此，要在不修改样板代码的情况下处理自定义错误消息，您可以直接在服务器端点上的statusText头中编写自定义消息，并在其中发送响应

例如，在Express（4）中，可以如下设置：

  res.writeHead(401, 'My custom error message');

  return res.send();

然后，在处理该错误的客户端，您可以像这样访问此自定义消息：

export function* handleError({ error }) {
  console.log(error.message) // will output "My custom error message"

---

在react样板中偶然发现了相同的问题。 基本上，它的工作方式是使用来自响应的statusText头构造错误，而不是响应的主体

因此，要在不修改样板代码的情况下处理自定义错误消息，您可以直接在服务器端点上的statusText头中编写自定义消息，并在其中发送响应

例如，在Express（4）中，可以如下设置：

  res.writeHead(401, 'My custom error message');

  return res.send();

然后，在处理该错误的客户端，您可以像这样访问此自定义消息：

export function* handleError({ error }) {
  console.log(error.message) // will output "My custom error message"

---

这个问题与Spring无关。那么您遇到的实际问题是什么？假设您的错误消息是JSON格式的，应该可以。@BradBumbalough实际的问题是，如果我抛出错误，我无法从正文中读取响应，因为error需要正文消息，可以像我一样通过调用.JSON（）获得正文消息。您能提供您接收到的错误消息吗（来自应用程序而不是服务器）.fetch return如果流有一个主体，则需要调用.json（）函数从该作用域读取它。没有错误，只是对checkStatu函数做了一个小小的更改，以便在此处而不是在中抛出错误，然后，您知道如何做吗？这个问题与Spring无关。那么您遇到的实际问题是什么？假设您的错误消息是JSON格式的，应该可以。@BradBumbalough实际的问题是，如果我抛出错误，我无法从正文中读取响应，因为error需要正文消息，可以像我一样通过调用.JSON（）获得正文消息。您能提供您接收到的错误消息吗（来自应用程序而不是服务器）.fetch return如果流有一个主体，则需要调用.json（）函数从该作用域读取它。没有错误，只是对checkStatu函数做了一个微小的更改，以便将错误抛出到此处而不是中，然后，您知道如何执行吗？