Vuex 변환기에서 예외 처리

Vuex 변환기에서 예외 처리

오늘 이 시나리오를 접했는데, 가장 적절한 대처 방법을 알고 싶습니다.

Vuex 액션은 Axios를 사용하여 백엔드에 레코드를 게시하고 예외를 포착합니다.POST 요구가 반환되면 반환된 데이터와 함께 변환자가 호출됩니다.이 문제는 뮤테이터에서 예외가 발생한 경우 액션 또는 호출 컴포넌트에서의 오류 처리로 예외가 검출되지 않는다는 것입니다.

예: 변환 내의 확산 연산자가 제거되면 "object expected, got array" 예외가 발생하며, 이는 다음 중 검출될 것으로 예상됩니다..catch()컴포넌트 내 액션콜의 기능이지만 그렇지 않습니다.왜, 어떻게 이 문제를 해결할 수 있을까요?액션 콜을 포장하는 솔루션이 추가 시도/캐치인 경우

액션.

async saveRecords({ commit }, records) {
        return new Promise((resolve, reject) => {
            axios.post("/records", records)
                .then((res) => {
                    commit('addRecords', res.data.records)
                    resolve();
                })
                .catch((error) => {
                    reject(error);
                })
        })
    }

돌연변이

addCase: function (state, caseRecord) {
    console.log("inside mutation")
    state.cases.push(...caseRecord) 
},

요소

this.saveRecords(records)
    .catch((e) => {
          // IExpecting exception from mutation to be caught here
        })
      });

언급URL : https://stackoverflow.com/questions/70818405/handling-exceptions-in-vuex-mutators