使用链接标记预加载 JSON XHR 请求

问：

我想预加载 JSON（使用 ），我的应用程序稍后将通过 XHR 请求 （axios） 请求该 JSON。<link rel="preload" ...>

到目前为止，我通过使用以下链接标签让它在 Chrome 中工作：

<link rel="preload" href="https://swapi.dev/api/people/1" as="fetch" crossorigin="anonymous">

稍后执行以下 axios 请求：

axios.get("https://swapi.dev/api/people/1", {
  headers: {
    accept: "*/*"
  }
})

正如预期的那样，开发工具仅显示一个请求。

但是，Safari 会再次请求 JSON。我确保请求标头相同。我做错了什么？

我在 CodePen 上做了一个简化的测试用例。

该测试用例还包含一个按钮，用于使用 触发请求。到目前为止，我已经在Chrome，Safari和Firefox中对其进行了测试。以下是我的结果：fetch