在前端項目中使用了Ant Design，這個框架又使用了dva、umi、redux-saga。其中與后臺的交互往往需要使用effects，例如*fetchColumns(_, { call, put }) {

const data = yield call(fetchColumns);

yield put({

type: 'saveColumns',

payload: data,

});

},

*fetchSessionColumns(_, { call, put }) {

const data = yield call(fetchSessionColumns);

yield put({

type: 'saveSessionColumns',

payload: data,

});

},

此時如果后臺服務(wù)器返回500錯誤，會導(dǎo)致call Effect拋出異常，最終會導(dǎo)致generator 停止運(yùn)行。

解決的方法是可以加上try catch，例如*fetchColumns(_, { call, put }) {

try{

const data = yield call(fetchColumns);

yield put({

type: 'saveColumns',

payload: data,

});

}catch (e) {

onError(e)

}

}

但是這樣的話，需要每次調(diào)用時都try catch，因此需要統(tǒng)一異常處理。

Ant Design封裝的是umi，umi封裝了dva，dva封裝了redux-saga。統(tǒng)一異常處理可以在umi中進(jìn)行。官方文檔中說明如下在 src 目錄下新建 app.js，內(nèi)容如下：export const dva = {

config: {

onError(e) {

e.preventDefault();

console.error(e.message);

},

}

};

總結(jié)

以上是生活随笔為你收集整理的dva处理_umi项目中dvaeffects异常统一处理的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。