我有一个使用Redux构建的React应用,我正在尝试发布数据。一切正常,但我不知道为什么我从一个脚本收到许多请求
import * as axios from "axios";
let headers = {
'Content-Type': 'application/json',
'Accept': 'application/json',
"Access-Control-Allow-Headers": "*",
"Access-Control-Allow-Credentials": "true",
'X-Requested-With': 'XMLHttpRequest'
}
// axios.defaults.baseURL = "http://api.example.tn/api/v1/";
axios.defaults.headers.common = headers;
axios.interceptors.request.use(
config => {
let token = ......
config.headers = Object.assign({
Authorization: `Bearer ${token}`,
}, config.headers)
return config;
},
error => Promise.reject(error)
)
axios.interceptors.response.use(function (response) {
return response;
}, function (error) {
if (error.response.status === 401) {
.....
}
return Promise.reject(error);
})
export default axios;
saga.js [Redux / saga.js] Redux-saga是一个Redux中间件库,旨在使您的redux应用程序中的副作用处理变得轻松简单。
const updateFormStaffRequest = async (id,item) => {
let user =JSON.parse(localStorage.getItem('user'))
return await axios.put(`staff/${user.business.id}/staff/` + id, item)
.then(response => response.data)
.catch(error => error.response.data);
};
function* updateFormStaff({ payload }) {
try {
const response = yield call(updateFormStaffRequest, payload.id,payload.item);
if (response.errors) {
yield put(updateFormStaffError(response));
NotificationManager.error(response.message, "خطأ", 3000, null, null, '');
} else {
yield put(updateFormStaffSuccess(response));
NotificationManager.success(response.message, "نجاح", 3000, null, null, '');
}
} catch (error) {
yield put(updateFormStaffError(error));
}
}