ios - MacO 和 iO 上 Safari 的 React 和 Axios GET 请求问题

Question

我正在尝试使用 Axios 进行 API 请求，它适用于每个 Windows 和 Android 浏览器，但不适用于 MacOs Safari(但在 Chrome 中它可以正常工作)或任何 iOs 浏览器。

在相同的代码中，我再次调用相同的 API(不同的端点)，它在 safari 和 iO 中完全没有问题。

当我 console.log 抛出的异常结果是网络错误。

我不认为这是 CORS 问题，因为它适用于其他浏览器。

我的请求:

try {
  const response = await api.get(
    "/precos/get",
    {
      headers: {
        'Content-Type': 'application/json'
        'token': getToken()
      }
    }
  );

  this.filtraProdutoPorTabela(response.data.data);
} catch (err){
  // do something with the error
}

控制台错误:

网络错误
{"url":" http://url/precos/get ","method":"get","headers":{"Accept":"application/json, text/plain,/","this.state-Type":"application/json","token":”e…c”},”baseURL”:”基本 url”,”transformRequest":[null],"transformResponse":[null],"timeout":0,"xsrfCookieName":"XSRF-TOKEN","xsrfHeaderName":"X-XSRF-TOKEN","maxContentLength":-1,"httpsAgent":{}}}

Answer 1

我能想到的唯一导致这种情况的问题是，您肯定将计算机上的链接设置为例如:http://localhost:5000/api/posts
这很好用，因为你是在同一台机器上做的，但是当你在移动设备或任何其他设备上尝试时，当浏览器尝试访问该路由时，它会看到 url 的 localhost 部分，它指向它自己而不是你的实际机器。
要解决这个问题，您必须输入机器的 IP 地址和端口，而不是文字“localhost”。
从:
http://localhost:5000/api/posts
至:
http://192.168.1.23:500/api/posts
http://{ 你的 IP 地址 }:5000/api/posts