Не удается отправить JWT в заголовках на сервер

Question

Я изучаю полнофункциональное приложение с Vue в качестве внешнего интерфейса, express в качестве внутреннего и Mongodb. У меня есть форма входа и я выполнил простую аутентификацию в бэк-энде, после аутентификации пользователя я генерирую JWT и сохраняю в браузере пользователя. В средствах защиты навигации по маршруту пользователя я делаю запрос на отправку этого токена для проверки на сервере, прежде чем позволить пользователю в защищенном маршруте

{
    path: '/user',
    name: 'User',
    component: () => import('../views/User.vue'),
    beforeEnter: (to, from, next) => {
      let token = localStorage.getItem('access_token')

      axios.post('http://localhost:5000/authorize', {headers: {
        Authorization: `Bearer ${token}`
      }})

    }
  }

Но я не смог отправить заголовки, которые включали токен на сервер, он получил undefined Так как это сделать правильно?

Answer 1

Для проверки подлинности ваш заголовок должен иметь ключ Content-Type и значение приложения / json

Попробуйте использовать Postman для входа в систему. Вы должны получить JWT $ {token} в ответе.

После проверки подлинности все ваши запросы должны включать в заголовок следующие пары ключ / значение:

• Содержимое -Тип: application / vnd.api + json
• Принять: application / vnd.api + json
• Авторизация: Носитель $ {токен}

Примечание : Вы должны включить текст «Носитель» (с пробелом) в заголовок авторизации, и он чувствителен к регистру.