У меня проблема с React Redux throwing 401 - неавторизованная ошибка.
Я пытаюсь получить данные API сервиса с заголовками авторизации, но получаю 401 - Несанкционированная ошибка, и в ответе отсутствуют заголовки запроса.
Я включил в действие раздел «заголовки» и снабдил «Content-Type» и «Authorization» токеном jwt.
Я не уверен, что мне не хватает.
Может ли кто-нибудь помочь мне с этой проблемой?
Вот мой код для действия:
export const getItem = () => {
return (dispatch, getState) => {
debugger;
dispatch({
type: 'API_REQUEST',
options: {
method: 'GET',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'Authorization': 'jwt eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjIxZjE0M2U3LTlhMzEtNGIwNi1hMzJhLTY0NDM2NTFiMTUxZSIsImRhdGUiOiJ5eXl5LTM3LVdlOjExOjM3OjE3IiwiaWF0IjoxNTQzNDA1MDM3fQ.G0h1kh5sunxpKNcFdb5s54c0hKiXyPJhRywbR5-_sk0'
},
endpoint: `http://18.222.137.195:3000/v1/item?offset=0`,
actionTypes: {
success: types.GET_ITEM_SUCCESS,
loading: types.GET_ITEM_LOADING,
error: types.GET_ITEM_ERROR
}
}
});
};
};
Вот мой код для редуктора:
import * as types from '../actions/registerItemTypes';
export const initialState = {
getItem: {}
};
const registerItem = (state = initialState, action) => {
switch (action.type) {
case types.GET_ITEM_LOADING:
return { ...state, loading: true, data: null };
case types.GET_ITEM_SUCCESS:
return { ...state, loading: false, getItem: action.data};
case types.GET_ITEM_ERROR:
return { ...state, loading: false, error: action.data};
default: {
return state;
}
}
}
export default registerItem;