Reactjs Cypress XHR是存根的，但会立即中止

我有一个react应用程序（CRA），它与API网关接口。我检查api，如果有公告，显示组件

我的Cypress测试试图截获pages API调用并用fixture替换它，这样它总是正确的，然后我将检查组件是否在DOM中：

it.only('Show component if there is an announcement', () => {
    cy.server();
    cy.route(
      'GET',
      'THIS_IS_THE_API',
      'fixture:announcement.json',
    );
  });

夹具非常简单：

{
  "title": "Heading 2",
  "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. "
}

在页面上调用API的函数是axios异步/等待调用。Axios是在XHR之上制造的，因此不兼容不应该成为问题

当我运行测试时，XHR会在它尝试执行任何操作之前立即中止。测试结果表明请求已被存根：

服务器端的CORS设置还没有设置好，所以我使用的chrome对DEV禁用了安全性，但即使是在普通浏览器上，在CORS错误发生之前仍然有一段时间，即使这样，调用也不会被中止

---

这就像测试被什么东西阻止了一样，但我读到的和尝试过的所有东西都表明我做得很好。我找不到一个单独的教程或任何不同的东西

ChromeDevTools控制台日志说什么？好奇它是否真的与CORS有关