Cómo enviar el encabezado de autorización usando Axios

Aprenda a enviar el encabezado de autorización mediante Axios

Para establecer encabezados en una solicitud POST de Axios, pase un tercer objeto alaxios.post()llamada.

Es posible que ya esté utilizando el segundo parámetro para enviar datos, y si pasa 2 objetos después de la cadena de URL, el primero son los datos y el segundo es el objeto de configuración, donde agrega unheaderspropiedad que contiene otro objeto:

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

Para configurar el encabezado de autorización, llámelo así:

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"> } })

(el token de autorización puede diferir, consulte con la aplicación que está utilizando)

Para establecer encabezados en una solicitud GET de Axios, pase un segundo objeto alaxios.get()llamada, por ejemplo, esta es una solicitud GET de GitHub para/user:

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

Estaba trabajando con la API de WordPress y tuve que autenticarme para realizar una solicitud POST a un sitio web.

La forma más sencilla para mí fue utilizar la autenticación básica.

Estaba usando Axios, así que configuré elAuthorizationencabezado a la solicitud POST de esta manera:

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"> }, })


Más tutoriales de js: