帮我优化下面代码：//获取配置 远程下拉 const selectLoading = ref(false) const configOptions = ref([]) const getConfigList = async (configName: string) => { //请求下拉数据 if (configName) { selectLoading.value = true const { response } = await useAxios(getConfigGatherList({ configName })) if (response) { configOptions.value = response.data } else { configOptions.value = [] } selectLoading.value = false } else { configOptions.value = [] } }

以下是对您提供的代码进行优化的建议：

const selectLoading = ref(false)
const configOptions = ref([])

const getConfigList = async (configName: string) => {
  if (!configName) {
    configOptions.value = []
    return
  }

  try {
    selectLoading.value = true
    const { response } = await useAxios(getConfigGatherList({ configName }))
    configOptions.value = response?.data || []
  } catch (error) {
    console.error("Failed to fetch config options:", error)
    configOptions.value = []
  } finally {
    selectLoading.value = false
  }
}

优化说明：
- 添加了错误处理，如果请求失败，则会在控制台打印错误信息。
- 使用了可选链操作符 `?.` 来简化代码，如果 `response` 为 `null` 或 `undefined`，则会返回空数组。
- 在请求之前和请求结束后更新 `selectLoading` 的值，以显示加载状态。

这些优化可以提高代码的可读性和可维护性，并更好地处理异常情况。希望对您有所帮助！