Получение сетевой ошибки при отладке приложения React JS с кодом Visual Studio при доступе к приложению с мобильного телефона Chrome на iPhone

Question

Прямо сейчас я сталкиваюсь с ошибкой, которую трудно расшифровать ...

Приложение React JS выполняется в коде Visual Studio с yarn start. Тогда я могу получить к нему доступ, используя http://localhost:3000/users. Работает просто отлично, и ASP. NET Core Web API возвращает данные, как и ожидалось.

ax ios используется для вызова веб-API.

Затем я решил посмотреть, как приложение выглядит на моем мобильном устройстве (iPhone) , Я могу получить доступ к приложению с IP-адресом моего компьютера следующим образом: http://192.168.1.11:3000. Приложение отображается, но все вызовы Web API не работают. Я добавил перехватчик к топору ios, чтобы видеть, что происходит во время запросов и ответов. console.log(JSON.stringify(error, null, 3)) показывал сообщение Network Error в мобильном браузере iPhone Chrome с помощью chrome://inspect:

message": "Network Error",
   "name": "Error",
   "stack": "createError@http://192.168.1.11:3000/static/js/0.chunk.js:44239:24\nhandleError@http://192.168.1.11:3000/static/js/0.chunk.js:43734:25",
   "config": {
      "url": "http://localhost:7777/api/Users",
      "method": "get",
      "headers": {
         "Accept": "application/json, text/plain, */*"
      },
      "transformRequest": [
         null
      ],
      "transformResponse": [
         null
      ],
      "timeout": 0,
      "xsrfCookieName": "XSRF-TOKEN",
      "xsrfHeaderName": "X-XSRF-TOKEN",
      "maxContentLength": -1
   }
}

Я попытался установить withOrigins("*") вкл. веб-API, размещенный на http://localhost:7777:

app.UseCors(builder => builder
    .WithOrigins("*")
    .AllowAnyMethod()
    .AllowAnyHeader());

, но даже с использованием подстановочного знака "*" вызовы веб-API все еще не работают, и я не вижу данных при просмотре приложения с помощью мобильного Chrome на iPhone.

Кто-нибудь знает, что может быть причиной такого поведения?