javascript - react native : Fetch API URL in development and productive mode

Question

这就是我的登录功能在我的 React Native 应用程序中的样子。正如您所看到的，有一个用于 API 调用的 URL，现在是 localhost。在生产环境中，当然必须有有效的 URL。

如何以编程方式执行此操作？因为我想在代码上进行开发而不总是更改 URL...

async function login (username, password) {
  try {
    await sleep(2000)
    let response = await fetch('http://localhost:4000/login', {
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({
        username,
        password
      })
    })
    let responseJson = response.json()
    return responseJson
  } catch (error) {
    Alert.alert('Error', 'Could not login')
  }
}

Answer 1

您应该能够检查 process.env.NODE_ENV 环境参数并根据该参数设置 URI:

const uriBase = process.env.NODE_ENV === 'development' 
   ? 'http://localhost:4000'
   : 'https://productionURL'

let response = await fetch(`${uriBase}/login`, { ...