Как исправить несанкционированный ответ / реакцию

Question

Несанкционированный ответ axios / реакции

Привет, друзья, я пытаюсь подключиться к API через Axios и React, но появляется сообщение об ошибке, говорящее, что у меня нет доступа, вот мое действие:

import {SHOW_PROMOTIONS} from './action-types';
import axios from 'axios';

export const showPromo = () => async dispatch =>{
    const url= 'https://payment-promotions-dev.travelit.com.ar/api/promotions/packages/';
    let config = {
        "Content-type": "application/x-www-form-urlencoded",
        "Authorization": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJtdW5kaWdlYSIsImp0aSI6ImQ0ODE1ZDk4LTJlYmQtNDRjYS04NGViLTU4N2JjNTY5NzgzZCIsImlhdCI6MTU1NTM0ODUwMCwibm9tYnJlIjoiTXVuZGlnZWEiLCJhcHBsaWNhdGlvbklkIjoiMSIsInBhaXNJZCI6IjEiLCJ0aXBvQXBsaWNhY2lvbklkIjoiMSIsImFjdGl2YSI6IlRydWUiLCJuYmYiOjE1NTUzNDg1MDAsImV4cCI6MTU1NTk1MzMwMCwiaXNzIjoiVHJhdmVsSVQiLCJhdWQiOiJUcmF2ZWxJVCJ9.o4Tv6Cw1Mj5xmHIQQ7abm6k6Ean6s6eQ3IDEkHY6Frk"
    };

    axios.get('http://<host>:<port>/<path>', url,config)
        .then((res) => {
            console.log("RESPONSE RECEIVED: ", res);
        })
        .catch((err) => {
            console.log("AXIOS ERROR: ", err);
        })

    const respuesta = await axios.get(url,config);
    dispatch({
        type: SHOW_PROMOTIONS,
        payload: respuesta.data
    })
}

Когда я запускаю компонент, появляется эта ошибка: (См. Следующее изображение https://imgur.com/LuKnBv9)

Токен находится в соответствующем заголовке, я не вижу, что яя делаю что-то не так.

Я даже пытался сделать запрос с почтальоном, и он через 200: (См. image2 https://imgur.com/7UFksPR)

Спасибо за помощь, ребята!

Answer 1

В данный момент вы фактически не указываете headers для запроса.Вам нужно будет добавить свойство headers к объекту config и добавить в него нужные заголовки.Кроме того, как вы указали в комментариях, вам также необходимо указать type для Authorization заголовков запроса, например Bearer:

const config = {
  headers: {
    "Content-type": "application/x-www-form-urlencoded",
    "Authorization": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJtdW5kaWdlYSIsImp0aSI6ImQ0ODE1ZDk4LTJlYmQtNDRjYS04NGViLTU4N2JjNTY5NzgzZCIsImlhdCI6MTU1NTM0ODUwMCwibm9tYnJlIjoiTXVuZGlnZWEiLCJhcHBsaWNhdGlvbklkIjoiMSIsInBhaXNJZCI6IjEiLCJ0aXBvQXBsaWNhY2lvbklkIjoiMSIsImFjdGl2YSI6IlRydWUiLCJuYmYiOjE1NTUzNDg1MDAsImV4cCI6MTU1NTk1MzMwMCwiaXNzIjoiVHJhdmVsSVQiLCJhdWQiOiJUcmF2ZWxJVCJ9.o4Tv6Cw1Mj5xmHIQQ7abm6k6Ean6s6eQ3IDEkHY6Frk"
  }
};

Надеюсь, это поможет!