Хотите отправить токен JWT в заголовках вместе с данными, используя ax ios, но получаю эту ошибку: Невозможно установить заголовки после их отправки клиенту

Question

// Функция генератора для функции аутентификации пользователя при входе в систему * addExpense (data) {

console.log(data)
const ItemName = data.name;
const ItemAmount = data.amount;
const ItemCategory = data.category;
const token = localStorage.getItem('token')
console.log(localStorage.getItem('token'))
try {
    const payload1 = yield call(axios.post,'/routes/api/expenses/add-expense',{
        method:'POST',
        body:JSON.stringify({ItemName,ItemAmount,ItemCategory})
        },{
        headers:{
            'auth-token':token,
            'Content-type': 'application/json'
        }           
    })

Answer 1

@ Никхил, если ты используешь сундук-реду? Если вы используете это, то вам не нужно было использовать Ax ios, вы можете легко сделать это с помощью fetch или с помощью вызова. Вот ссылка, я надеюсь, что она вам поможет.

export function* apicall(data){
   const token = localStorage.getItem('token')
   const header ={
     Accept: 'application/json',
      'Content-type': 'application/json'
      'auth-token':token,
   }
   const options = {
       method,
       mode: 'cors',
       header: header
       body: JSON.stringify({ItemName,ItemAmount,ItemCategory}),
  };

try{
    const payload1 = yield call(URL,options);
    yield[
           yield put(action,payload1),
           notification and etc facality
         ]
    }catch(error){
         yield put(action,error), 
    }
}

, или вы также можете сделать отдельную утилиту для запроса вызова API с необходимой вам опцией заголовка.

И то же самое относится и к метод получения. Чтобы дать правильный ответ, мне нужно больше деталей о вашей части кода, особенно о вызывающей части API, чтобы я мог дать вам более правильный ответ.