Как использовать токен API POST для использования сторонних API в nextjs

Мне нужно POST для стороннего API-маршрута, чтобы получить токен доступа, который будет авторизован для извлечения данных из их конечных точек, но я не уверен, как использовать токен. Они используют Swagger:

export default async function() {
  const res = await fetch('url', {
    method:'POST',
    headers: {
      accept: 'application/json'
    }
  });
  const data = await res.json()
  console.info(data)
}

получаю в ответ:

{
  access_token: 'my token...',
  ...
}

Но я не уверен, как использовать этот ответ для авторизации получения данных. Нужно ли передавать токен в заголовки в выборке?

export async function getStaticProps() {
  const res = await fetch( `url`, {
    headers: {
      accept: 'application/json',
    }
  });
  const data = await JSON.stringify(res);

  return {
     props: {
        items: data
     },
  };
}

Я не могу найти много информации об этом, или я просто ищу неправильные вещи. Я не уверен, правильно ли я понимаю это

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
0
88
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вероятно, вам нужно будет отправить этот токен в заголовке Authorization с запросом, примерно так:

  const res = await fetch(`url`, {
    headers: {
      accept: 'application/json',
      Authorization: `Bearer ${token}`,
    }
  });
  const json = await res.json()
  const data = JSON.stringify(json);

Документы по API должны быть в состоянии сообщить вам подробности, если у вас все еще есть проблемы, опубликуйте документы по API, если они общедоступны!

Другие вопросы по теме