Токен доступа Auth0 к API работает в почтальоне, но не при вызове из Vue

Question

У меня в Auth0 настроено 2 элемента:

1. Приложение - одностраничное приложение
2. API - Пользовательский API, машина к машине

IСледовали инструкциям в ссылке ниже, чтобы вызвать пользовательский API:

https://auth0.com/docs/quickstart/spa/vuejs/02-calling-an-api

Я скачал образец с настройками, настроенными для обоих элементов, упомянутых выше. Приложение Vue может правильно входить в систему и вызывать внешний API с помощью загруженных примеров кода ( внешний API, «backend», в примере кода был написан на Node JS ).

Однако, когда я изменяю серверную часть на свое приложение Laravel / Lumen, которое уже настроено для элемента № 2 (пользовательский API), приложение Vue получило 401 несанкционированную ошибку . Итак, я скопировал токен доступа, полученный через Vue:

const accessToken = await this.$auth.getTokenSilently();

console.log(accessToken);

и попытался вызвать бэкэнд Lumen с этим токеном доступа - и он прекрасно работает! Есть ли где-то параметр, который я мог бы пропустить, чтобы позволить Vue & Lumen работать с Auth0?

p / s: пользовательский API Lumen был создан в соответствии с инструкцией из:

https://auth0.com/blog/developing-restful-apis-with-lumen/

Answer 1

Хорошо, оказалось, что я допустил ошибку в части кода кода axios. Пример использует get, а мой API использует post. В итоге я отправил заголовок с неверным параметром axios. Надеюсь, это поможет кому-то, кто столкнулся с той же проблемой.