如何使用Axios發送授權標頭

了解如何使用Axios發送授權標頭

要在Axios POST請求中設置標題,請將第三個對像傳遞給axios.post()稱呼。

您可能已經在使用第二個參數發送數據,並且如果在URL字符串後傳遞2個對象,則第一個是數據,第二個是配置對象,在其中添加一個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,因此我將AuthorizationPOST請求的標頭以這種方式:

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教程: