Реагировать на собственную выборку данных из защищенной конечной точки API с помощью JWT

Question

Я занимаюсь разработкой приложения React Native, которое подключено к веб-API, написанному на ASP.NET Core 2.1.Я пытаюсь сделать запрос GET к конечной точке моего защищенного API, но он не работает как с fetch , так и с axios .

.сделать запрос к незащищенной (помеченной как AllowAnonymous) конечной точке, все работает нормально.

Я передаю следующий заголовок 'Authorization' : 'Bearer ' + MY_TOKEN

Когда я пытался использовать axios , тогдаон вернул HTTP 401. При использовании fetch он возвращает HTTP 500.

 const url = `${baseUrl}/api/cars/get`

 fetch(url, {
        headers: new Headers({
            Authorization: "Bearer <MY_TOKEN_HERE>"
        }), method: "GET"
    })

Я уверен, что токен действителен, потому что я могу получать данные из API с помощью Postman и с.Клиент консольного приложения NET Core.

Есть ли способ получить данные из защищенной конечной точки API?

Answer 1

Я решил проблему с помощью только одной строки кода.

axios.defaults.headers.common['Authorization'] = `Bearer ${TOKEN}`

Тогда я смогу вызвать запрос на получение.

const url = `${baseUrl}/api/values`;

axios.get(url)
    .then(data => {
         console.log(data);
    })
    .catch(error => {

    })

Надеюсь, это поможет кому-то, у кого такиевыпуск в будущем.