I need help to configure Axios client according to Wi-FI/3G/4G network

Question

I’m developing an app in React-Native using expo, and the app works well on the Wi-Fi from here, but it should also work outside of here, and we have a firewall port that points to API nodejs by our public ip. I don’t know if I was clear but basically:

In Enterprise Wi-Fi, Axios must have attr baseUrl= 10.X.X.X And out of Wi-Fi or with Wi-Fi from another location the baseUrl= 189.X.X.X attr

Yes the app needs to stay here, I thought for also a Hostgator or Godaddy of life but will not roll no.

I was able to get the connection with Comunity/Netinfo, but when I use Axios it exports const before setting the IP:

import axios from 'axios'
import NetInfo from "@react-native-community/netinfo"

var ip

NetInfo.addEventListener(state => {
    ip = state.type != 'wifi' ? 'http://189.X.X.X:3333' : state.details.ssid == 'WIFI_EMPRESA' ? 'http://10.X.X.X:3333' : 'http://189.X.X.X:3333'
})

const api = axios.create({
    baseURL: ip,
})

console.log(ip)


export default api

The result of this when opening the app is Undefined, but if I save and update it shows the IP, but at the first moment of 'Network Error'

Someone could fix it, or give me a different solution to it.

Att.

Answer 1

You can try to define your Axios instance before adding the Event Listener, without passing a baseURL to it, and the Event function Listener set the baseURL of your Axios instance.

import axios from 'axios'
import NetInfo from "@react-native-community/netinfo"

var ip

const api = axios.create({})

NetInfo.addEventListener(state => {
    ip = state.type != 'wifi' ? 'http://189.X.X.X:3333' : state.details.ssid == 'WIFI_EMPRESA' ? 'http://10.X.X.X:3333' : 'http://189.X.X.X:3333'
    api.defaults.baseURL = ip
})

console.log(ip)

export default api