javascript - 获取请求返回 cors 并在 Chrome DevTools 的 Network 选项卡中显示两次

Question

执行 fetch() 请求后，列出的第一个请求显示204 Fetch，第二个列出的条目在 Chrome DevTools 的 Network 选项卡中显示200 json。为什么 1 个 fetch() 请求有两个列表？

在我的应用程序中， fetch() 返回 aResponse { type: 'cors', url: '...', status: 200, statusText: "OK" }但是当我单击第二个条目并在 DevTools 中查看响应时，我看到了返回的数据。那么为什么在我的应用程序中，我得到的是“cors”响应而不是数据？

我传递的标头是restify后端的授权标头，如果这些标头存在，它将允许cors访问。

return fetch(`${urls[process.env.NODE_ENV]}/test`, { headers })
      .then(result => dispatch(fetchDataSuccess(result.data)))
      .catch(error => dispatch(fetchDataError(error)));

标签： javascriptgoogle-chrome-devtoolsfetch-api