Как правильно получать и отправлять token в axios?

Question

[Никита Андреевич]

Всем доброго времени суток.Подскажите пожалуйста, что я делаю не так ? Несколько часов уже сижу, все перепробовал ..
Получаю ошибку Error: Request failed with status code 401.

Token получил( уже стал сомневаться что правильно..) , теперь когда делаю запрос на сервер для получения данных, и вставляю в header token , получаю 401

Класс по работе с api

import axios from 'axios';
import AsyncStorage from '@react-native-community/async-storage';

export default class City {
  //Auth and get token
  getToken = async params => {
    const req = await axios.post(
      'https://api',
      params,
    );

    const token = await JSON.stringify(req.data.access_token);
    await AsyncStorage.setItem('userToken', token);
    return token;
  };

  // get data Account
  getInfo = async token => {

    const req = await axios.get(
      'http://api',
      {headers: {Authorization: `Bearer ${token}`}},
    );

    const info = await JSON.stringify(req.data);
    return info;
  };
}

// функция которая делает запрос на сервер и получает token

import City from '../../api';

export default class Login extends React.Component{

city = new City();

onSubmit = async () => {

    const params = new URLSearchParams();
    params.append('username', email);
    params.append('password', password);

    this.city
      .getToken(params)
      .then(item => {
        console.log(item);
      })
      .catch(error => {
        console.log(`${error} -ERROR`);
      });
  };

}

// функция которая делает запрос на сервер для получения данных

import City from '../../api';


export default class Main extends React.Component{

city = new City();

  componentDidMount() {
    this.asyncData();
  }

  asyncData = async () => {
    const {authUser} = this.props;

    const token = await AsyncStorage.getItem('userToken');
    await authUser(token);
    this.getInfo(token);
  };

  getInfo = token => {
    this.city
      .getInfo(token)
      .then(item => {
        console.log(`GET INFO ------------${item}`);
      })
      .catch(error => {
        console.log(`ERROR -------------${error}`);
      });
  };
}

Answer 1

[Андрей Пастухов]

const req = await axios.get(
  'http://api',
  { headers }, // <-- скобки
 );

Comments

[Никита Андреевич]

'Это я когда искал ошибку,убрал их.Так и с ними не работает .Сейчас исправлю

[Андрей Пастухов]

header -> headers

[Никита Андреевич]

tyllo, все равно Error: Request failed with status code 401

[Андрей Пастухов]

А заголовки запроса и ответа можно посмотреть?

[Никита Андреевич]

Если вы имеете ввиду dev tools network - то данный код выполняется на платформе андроид(react native) А так все что я написал выше в коде, больше ничего не передаю.

Через postman все отлично отрабатывает

Answer 2

[Javid Alimli]

Может просто вы будете токен пихать в Хидер не в token а в Authorization?