Позвонить на локальный домен из React Native и expo

Question

У меня есть локальный веб-сайт с Wampserver и Windows (C:\Windows\System32\drivers\etc\hosts отредактировано).

http://myproject.local

Этот сайт отлично работает с моего компьютера.

Теперь я хочу создать мобильное приложение с React Native и Expo.

Но в моем мобильном приложении, когда я звоню на свой веб-сайт:

export function getForumIndex () {
    const url = 'http://myproject.local/api/test'

    return fetch(url)
        .then((response) => response.json())
        .catch((error) => console.error(error))
}

У меня есть эта ошибка:

[21:29:58] Ошибка синтаксического анализа JSON: нераспознанный токен '<' node_modules \ обещать \ setimmediate \ core.js: 37: 14 в tryCallOne node_modules \ обещания \setimmediate \ core.js: 123: 25 в неизвестном ... еще 8 стековых фреймов из внутренних компонентов фреймворка </p>

Я думаю, что мой телефон и экспо не могут вызвать API на моем компьютере (http://myproject.local/api/test). Я новичок в мобильном приложении. Когда я тестирую с TMDb API , он работает хорошо.

Я не знаю, как это сделать, вы можете мне помочь? :))

Answer 1

Так как вы развиваетесь локально.Вам нужно будет использовать локальный IP-адрес вашего компьютера.

Сначала откройте командную строку и выполните ipconfig Запишите IPv4-адрес, который будет вашим локальным IP-адресом, который будет использоваться для вашего AP urI, например http://192.168.10.100:80/api/test.php

Answer 2

Поскольку ваше приложение работает на вашем мобильном телефоне, вам необходимо подключиться к компьютеру через сеть.Лучший способ сделать это - подключить ваш телефон и компьютер к одной и той же сети Wi-Fi, а затем заменить myproject.local на локальный IP-адрес вашего компьютера для сети Wi-Fi, к которой он подключен, например, http://192.168.1.1/api/test, где заменено 192.168.1.1по локальному IP-адресу вашего компьютера.Вы можете выполнить эти шаги , чтобы найти свой локальный IP-адрес.