как публиковать заголовки с помощью ax ios в реакции

Question

Привет, у меня есть эта проблема: я сделал API с аутентификацией, JWT работает отлично, и мой фронт реагирует, поэтому мне нужен только один компонент, это простое приложение, поэтому в моем App.jsx у меня есть сообщение ax ios чтобы получить токен, а затем я передаю свой токен через компонент, затем я получаю реквизиты в компоненте, и я видел токен, но когда я перехожу к заголовку, как я тестирую в почтальоне, ничего не происходит, и если я попробую перед а в API я отключаю JWT в моем маршруте, отлично работает, поэтому я позволяю своему коду следующий

const Cards = (props) => {

 //console.log(props.auth.token);
    //axios connection
    const apiCall = async () =>{
      let config = {
        headers: {
          'Authorization': `Bearer ${props.auth.token}`
        }
      }
      console.log(config);
    try {
      const res = await clientAxios.post('/api/games', config,
      {
       console: 'nintendo',
       game: 'super mario',
       duration: '60hs'
      },)
      console.log(props.auth.token);
     } catch (error) {
      console.log(error.status);
     }

    }


  apiCall();

Answer 1

Вместо того, чтобы отправлять токен с каждым запросом, установите токен в заголовках по умолчанию ax ios 'следующим образом:

window.axios.defaults.headers.common['Authorization'] = `Bearer ${jwtToken}`;