当在vuex操作中调用REST API调用时，应该在哪里处理错误？

在vuex操作中调用REST API时，应该在action中处理错误。Vuex是一个状态管理模式，它将应用程序的状态集中存储在一个单一的地方，即store中。在vuex中，action用于处理异步操作，包括调用REST API获取数据。

当调用REST API时，可能会出现各种错误，例如网络连接问题、服务器错误、权限问题等。为了处理这些错误，可以在action中使用try-catch语句来捕获错误，并根据需要进行相应的处理。在catch块中，可以将错误信息保存到store中的一个错误状态属性中，以便在界面上显示错误信息或进行其他操作。

以下是一个示例代码，展示了在vuex中处理REST API调用错误的方式：

// 在vuex的actions中调用REST API
actions: {
  async fetchData({ commit }) {
    try {
      const response = await axios.get('https://api.example.com/data');
      commit('SET_DATA', response.data);
    } catch (error) {
      commit('SET_ERROR', error.message);
    }
  }
}

// 在vuex的mutations中更新状态
mutations: {
  SET_DATA(state, data) {
    state.data = data;
  },
  SET_ERROR(state, error) {
    state.error = error;
  }
}

// 在组件中获取错误信息并显示
computed: {
  error() {
    return this.$store.state.error;
  }
}

在上述代码中，fetchData action使用axios库调用REST API获取数据。如果调用成功，数据将通过commit方法提交给SET_DATA mutation来更新状态。如果调用失败，错误信息将通过commit方法提交给SET_ERROR mutation来更新状态。

在组件中，可以使用计算属性来获取错误信息，并在界面上显示出来。例如，可以在模板中使用{{ error }}来显示错误信息。

对于错误处理，可以根据具体情况进行定制化。例如，可以在catch块中根据不同的错误类型进行不同的处理，或者在组件中根据错误信息显示不同的提示信息。

腾讯云相关产品和产品介绍链接地址：