как исправить эту ошибку? ios: получение множества запросов от одного скрипта - PullRequest
0 голосов
/ 28 февраля 2020

У меня есть приложение 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));
}
}
...