自2019年3月5日以来，跨域读取阻止（CORB）阻止了跨域响应

Question

自从最新的Chrome更新以来，在本地开发我的React应用时，按照将我链接到https://www.chromestatus.com/feature/5629709824032768

的标题，我在Chrome中收到一条警告。

问题似乎是我在localhost上进行开发，但我将开发域称为https://dev-api.example.com

我的API允许访问所有请求，并且在3月5日（更新以上文章的时间）之前，这不是问题。

我可以在“网络”选项卡中看到请求发送出去，但是我看不到响应或将其注销。如下所示，它显示了截断的响应，但是单击下拉箭头没有任何作用

我调用API的代码也很简单

return axios({
      method: 'POST',
      headers: {
        'Authorization': `Bearer ${jwt}`
      },
      data,
      url: `${process.env.REACT_APP_API}${url}`,
    }).then(response => {
      if(process.env.NODE_ENV === "development") console.log(`POST:`, response);

      if (response && response.data.success) return response.data.data || response.data.success;
      if(response.data.errors[0] === "E_UNAUTHENTICATED") {
        return window.location = '/login?msg=Session Expired';
      }
      if(response.data.errors) {
      return Promise.reject(new Error('An unknown error occurred'));
    }).catch(e => {
      return Promise.reject(e.message);
    })

Answer 1

您可以在关闭cors的情况下启动chrome，请参见此处： [Disable same origin policy in Chrome

如果您检查该链接，则可以看到您实际上可以制作一个自定义书签来使用适合您的开发的正确安全设置来启动chrome，该设置将与常规chrome窗口一起使用。