如何解决此错误axios:从一个脚本获取许多请求

时间:2020-02-28 10:03:01

标签: reactjs redux axios

我有一个使用Redux构建的React应用,我正在尝试发布数据。一切正常,但我不知道为什么我从一个脚本收到许多请求

Reactjs axios twice

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));
}
}

0 个答案:

没有答案