Cannot read properties of undefined (reading 'baseURL')

遇到 "Cannot read properties of undefined (reading 'baseURL')" 的错误通常意味着你的 fetchConfig 对象没有正确定义或未初始化。确保 useRuntimeConfig() 函数返回了有效的对象，并且 MY_API_KEY 是一个已定义的属性。

以下是检查和避免此错误的一些步骤：

1. 确认 useRuntimeConfig() 的返回值： 确保 useRuntimeConfig() 返回一个对象，并且 MY_API_KEY 存在于这个对象中。

2. 添加基本的健壮性检查： 在访问 baseURL 之前，可以增加一些检查来避免此错误：

export const useFetchConfig = () => {
  const config = useRuntimeConfig();

  if (!config || !config.MY_API_KEY) {
    console.error('Missing configuration data');
    return null; // 或者返回一个默认值
  }

  const fetchConfig = {
    baseURL: `https://www.zhunbai.cn/index.php?v=1&appid=1&appsecret=${config.MY_API_KEY}`,
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded',
    },
  };

  // 打印 baseURL 和 headers 到控制台
  console.log('baseURL:', fetchConfig.baseURL);
  console.log('headers:', fetchConfig.headers);

  return fetchConfig;
};

3. 确保在适当的上下文中调用该函数： 确保在 Vue 组件或设置为正确的上下文中调用 useFetchConfig，因为可能在某些上下文中 useRuntimeConfig 可能无法正确获取数据。

4. 调试返回值： 在 console.log(config) 中打印 config 的所有内容，以确保它正确加载。

console.log('Config:', config);

标签：
来源：