React Native 无法从另一台设备连接到本地主机

Question

I use Django rest framework as my API, however, I'm unable to connect to localhost from my android device (not an emulator). I have gone through many questions on StackOverflow and Github but none worked

here is my code

import { create } from 'apisauce';

const apiClient = create({
    baseURL: 'http://tried-many-things-but-none-worked:8000',
});
// getting data is straight forward
import client from './client';
const getChat = id => client.get("/chat/get_chat/${id}/";

I tried many solutions but none worked for me. I tried using

• 10.0.2.2 but it worked for AVD only,
• 10.0.3.2 worked for Genymotion only.
• localhost and 127.0.0.1 worked only in POSTMAN.
• also tried using the machine IP address but it keeps loading forever, I tried to wait for it to finish loading to end up with an error in both POSTMAN and my React Native app

And nothing worked for my external device! I would really appreciate any helpÏ

Please note that the problem isn't with the code as I tried to upload it to pythonanywhere web hosting service and used the URL I got from them and it was working fine with no errors (as well as from postman and the emulator)

Extra information: pc: macOS High Sierra version: 10.13.6, external device: Android

Answer 1

You can use ngrok for this. You will get a new domain name from ngrok instead playing localhost/ip etc. You can check this documentation for more info https://ngrok.com/docs