получение данных с сервера, работающего на локальном компьютере

Question

У меня следующая проблема. Я получаю данные, отправляя запрос API на сервер, работающий на моем локальном компьютере. Сервер написан на ASP.NET. Я знаю, что когда мне нужно сделать запрос к localhost, когда я использую эмулятор, я должен указать свой IP-адрес для успешного вызова моего локального компьютера вместо эмулятора. Даже когда я изменил свой правильный IP-адрес, у меня все еще есть erorr «Сетевой запрос не удался»

Это код, из которого я получаю данные

componentDidMount() {
        fetch('http://IpAdress:54372/api/cars')
             .then((response) => response.json())
            .then((responseJson) => this.setState({cars: responseJson}))
            .catch((error) => {
            console.error(error);
        })
        ;
    }

package.json

"react": "^16.3.0-alpha.2",
"react-native": "0.55.3",

Answer 1

Добавьте ваш ip-адрес в Info.plist так же, как указано в localhost:

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSExceptionDomains</key>
    <dict>
        <key>localhost</key>
        <dict>
            <key>NSExceptionAllowsInsecureHTTPLoads</key>
            <true/>
        </dict>
        <key>your.ip.adress.here</key>
        <dict>
            <key>NSExceptionAllowsInsecureHTTPLoads</key>
            <true/>
        </dict>
    </dict>
</dict>

Answer 2

Подключение через Wi-Fi

Вы также можете подключиться к серверу разработки через Wi-Fi. Сначала вам нужно будет установить приложение на ваше устройство с помощью USB-кабеля, но как только это будет сделано, вы можете выполнить беспроводную отладку, следуя этим инструкциям.

Вам понадобится текущий IP-адрес вашей машины для разработки, прежде чем продолжить.

Откройте терминал и введите / sbin / ifconfig, чтобы найти IP-адрес вашей машины.

Убедитесь, что ваш ноутбук и телефон находятся в одной сети Wi-Fi.

Откройте приложение React Native на своем устройстве. Вы увидите красный экран с ошибкой. Хорошо. Следующие шаги это исправят. Откройте меню разработчика в приложении. Перейдите к Настройки Dev → Отладка хоста сервера для устройства . Введите IP-адрес вашей машины и порт локального сервера разработчика (например, 10.0.1.1:8081). Вернитесь в меню «Разработчик» и выберите «Обновить JS».

Теперь вы можете включить перезагрузку Live из меню разработчика. Ваше приложение будет перезагружаться при каждом изменении кода JavaScript.