TypeScript中window对象设置的端点URL在fetch调用中解析为undefined

原因1：代码执行顺序颠倒 #

如果fetchDictionary函数在setDictionaryEndpointURL之前执行，window对象上还没挂载DICTIONARY_ENDPOINT_URL属性，自然会返回undefined。比如global.ts的加载顺序晚于fetchDictionary.ts，或者初始化函数没在请求前调用。

解决办法 #

• 调整文件加载顺序，确保global.ts在fetchDictionary.ts之前被引入（比如在项目入口文件先导入global.ts）
• 在fetchDictionary里先检查并初始化URL：

function fetchDictionary(
  i18n: I18n,
  feature: string
): Dict | null {
  // 先确保URL已初始化
  if (!window.DICTIONARY_ENDPOINT_URL) {
    window.DICTIONARY_ENDPOINT_URL = DISPATCHER_API_HOST + DOWNLOAD_DICTIONARY_BY_LANGUAGE_ENDPOINT;
  }
  const url = window.DICTIONARY_ENDPOINT_URL;
  // ...后续请求代码
}

原因2：拼接URL的变量本身是undefined #

如果DISPATCHER_API_HOST或DOWNLOAD_DICTIONARY_BY_LANGUAGE_ENDPOINT没有正确赋值、未导入，拼接后的结果就是undefined，导致window上的属性也无效。

解决办法 #

• 检查两个变量的定义，确保它们是有效的字符串：

// 确认变量已正确赋值
const DISPATCHER_API_HOST = 'https://your-api-domain.com';
const DOWNLOAD_DICTIONARY_BY_LANGUAGE_ENDPOINT = '/api/dictionary';

• 加日志调试，确认变量值：

function setDictionaryEndpointURL() {
  console.log('API Host:', DISPATCHER_API_HOST);
  console.log('Endpoint:', DOWNLOAD_DICTIONARY_BY_LANGUAGE_ENDPOINT);
  window.DICTIONARY_ENDPOINT_URL = DISPATCHER_API_HOST + DOWNLOAD_DICTIONARY_BY_LANGUAGE_ENDPOINT;
  console.log('最终URL:', window.DICTIONARY_ENDPOINT_URL);
};

额外修复：fetch代码的异步错误 #

你的fetch代码是同步写法，但fetch本身是异步的，直接访问response.ok会报错，改成异步写法才能正常工作：

async function fetchDictionary(
  i18n: I18n,
  feature: string
): Promise<Dict | null> {
  const url = window.DICTIONARY_ENDPOINT_URL;
  if (!url) {
    console.error('字典接口URL未设置');
    return null;
  }
  try {
    const response = await fetch(url, { method: 'GET' });
    if (response.ok) {
      const json = await response.json();
      return json.content;
    }
    return null;
  } catch (err) {
    console.error('获取字典失败:', err);
    return null;
  }
}

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