Как отправить заголовок авторизации с помощью Axios

Узнайте, как отправить заголовок авторизации с помощью Axios

Чтобы установить заголовки в запросе Axios POST, передайте третий объект вaxios.post()вызов.

Возможно, вы уже используете второй параметр для отправки данных, и если вы передаете 2 объекта после строки URL-адреса, первый - это данные, а второй - объект конфигурации, в который вы добавляетеheadersсвойство, содержащее другой объект:

axios.post(url, {
  data: {
    ...
  }
})
axios.post(url, {
  //...data
}, {
  headers: {
    ...
  }
})

Чтобы установить заголовок авторизации, назовите его так:

const token = '..your token..'

axios.post(url, { //…data }, { headers: { ‘Authorization’: Basic </span><span style="color:#e6db74">${</span><span style="color:#a6e22e">token</span><span style="color:#e6db74">}</span><span style="color:#e6db74"> } })

(токен авторизации может отличаться, проверьте в приложении, которое вы используете)

Чтобы установить заголовки в запросе Axios GET, передайте второй объект вaxios.get()вызов, например, это запрос GitHub GET для/user:

axios.get('https://api.github.com/user', {
  headers: {
    'Authorization': `token ${access_token}`
  }
})
.then((res) => {
  console.log(res.data)
})
.catch((error) => {
  console.error(error)
})

Я работал с WordPress API, и мне пришлось пройти аутентификацию, чтобы выполнить POST-запрос на веб-сайт.

Самым простым способом для меня было использование базовой аутентификации.

Я использовал Axios, поэтому установилAuthorizationзаголовок POST-запроса следующим образом:

const username = ''
const password = ''

const token = Buffer.from(</span><span style="color:#e6db74">${</span><span style="color:#a6e22e">username</span><span style="color:#e6db74">}</span><span style="color:#e6db74">:</span><span style="color:#e6db74">${</span><span style="color:#a6e22e">password</span><span style="color:#e6db74">}</span><span style="color:#e6db74">, ‘utf8’).toString(‘base64’)

const url = ‘https://…’ const data = { … }

axios.post(url, data, { headers: { ‘Authorization’: Basic </span><span style="color:#e6db74">${</span><span style="color:#a6e22e">token</span><span style="color:#e6db74">}</span><span style="color:#e6db74"> }, })

Скачать мою бесплатнуюРуководство для начинающих по JavaScript


Больше руководств по js: