У меня есть приложение React, созданное с использованием Redux, и я пытаюсь опубликовать данные. Все работает нормально, но я не знаю, почему я получаю много запросов от одного скрипта
Reactjs ax ios дважды
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 - это библиотека промежуточного программного обеспечения для редуксов, которая разработана для того, чтобы обработка побочных эффектов в вашем приложении-редуксе была приятной и просто.
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));
}
}