使用React Native Expo Linking库时异常：服务器URL未更新

核心错误原因 #

你的代码问题出在异步操作的时序上：

• Linking.getInitialURL()是异步方法，它的then回调会在模块导出之后才执行。
• 你导出的serverURL是模块初始化时就定义的http://127.0.0.1:5000/，哪怕后续在then里修改了变量值，也不会改变已经导出的结果——因为导出操作在异步逻辑执行前就完成了。

解决方案 #

方案1：改为异步获取URL（推荐） #

把配置改成返回Promise的函数，让调用方异步获取正确地址：

import * as Linking from 'expo-linking';

export const getServerURL = async () => {
  const initialURL = await Linking.getInitialURL();
  if (initialURL === 'http://localhost:8081/' || initialURL === 'http://127.0.0.1:8081/') {
    console.warn("GET LOCAL HOST ADDRESS");
    return 'http://127.0.0.1:5000/';
  } else {
    console.warn("GET CLOUD HOST ADDRESS");
    return 'https://us-central1-<project-id>.cloudfunctions.net/functions/';
  }
};

调用示例（需在异步函数中使用）：

import { getServerURL } from './path-to-config-file';

// 比如在组件的useEffect或异步请求中
const fetchData = async () => {
  const serverURL = await getServerURL();
  // 用serverURL发起请求
};

方案2：App初始化时提前获取URL #

在App入口处先完成URL的获取，再渲染业务组件：

import { useState, useEffect } from 'react';
import { getServerURL } from './config';
import { Text } from 'react-native';

export default function App() {
  const [serverURL, setServerURL] = useState(null);
  const [isLoading, setIsLoading] = useState(true);

  useEffect(() => {
    const initURL = async () => {
      const url = await getServerURL();
      setServerURL(url);
      setIsLoading(false);
    };
    initURL();
  }, []);

  if (isLoading) {
    return <Text>初始化中...</Text>;
  }

  // 将serverURL传递给后续组件或存入全局状态
  return <YourMainApp serverURL={serverURL} />;
}

方案3：用环境变量区分环境（更简洁） #

放弃依赖Linking，直接通过Expo环境变量区分开发/生产环境：

1. 创建环境配置文件：
   • 开发环境.env.development：

     SERVER_URL=http://127.0.0.1:5000/
     

   • 生产环境.env.production：

     SERVER_URL=https://us-central1-<project-id>.cloudfunctions.net/functions/
     

2. 安装expo-constants并读取变量：

   import Constants from 'expo-constants';
   
   export const serverURL = Constants.expoConfig?.extra?.SERVER_URL || 'http://127.0.0.1:5000/';
   

这种方式无需处理异步逻辑，直接根据打包环境自动加载对应地址，可靠性更高。

内容的提问来源于stack exchange，提问作者MattJ