给这段代码加上trt catch

这段代码看起来是在Vue组件的`mounted`生命周期钩子函数中执行一些异步操作，并在可能出错的地方使用了`try...catch`结构。添加`catch`的主要目的是捕获并处理在执行异步操作过程中可能出现的错误，防止程序因未处理异常而崩溃。

下面是一个例子，展示了如何在`await`操作前后加上适当的`try...catch`块，以便更准确地处理错误：

onMounted(async () => {
  try {
    window.addEventListener('message', onMessage);

    if (query.value.role_type) {
      activeConfigurationStore.role_type = query.value.role_type as string;
    }

    // 如果 activityId 存在，包含异步操作的部分
    if (query.value.activityId) {
      showBenefit.value = false;
      edit.value = true;
      newAddButton.value = false;

      try {
        await checkActive();
        await getImage(activeImg.value);
        
        if (img.value) {
          getBase64Image(img.value);
        }
      } catch (error) {
        console.error('在处理 activityId 相关的操作时发生错误:', error);
      }
    } else {
      showBenefit.value = true;
      // ...其他初始化逻辑...
    }
  } catch (error) {
    console.error('在整个挂载阶段发生错误:', error);
  }
});

在这个修改版中，当`activityId`相关的异步操作（如`checkActive()`、`getImage()`和`getBase64Image()`）出错时，会捕获单独的`catch`块，避免影响其他代码块。如果整个`mounted`生命周期钩子中出现了错误，顶级的`catch`会捕获并记录它。