Cách gửi tiêu đề ủy quyền bằng Axios

Tìm hiểu cách gửi tiêu đề ủy quyền bằng Axios

Để đặt tiêu đề trong yêu cầu Axios POST, hãy chuyển đối tượng thứ ba vàoaxios.post()gọi.

Bạn có thể đã sử dụng tham số thứ hai để gửi dữ liệu và nếu bạn chuyển 2 đối tượng sau chuỗi URL, thì đối tượng đầu tiên là dữ liệu và đối tượng thứ hai là đối tượng cấu hình, nơi bạn thêm mộtheadersthuộc tính có chứa một đối tượng khác:

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

Để đặt tiêu đề ủy quyền, hãy gọi nó như sau:

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

(mã thông báo ủy quyền có thể khác nhau, hãy kiểm tra với ứng dụng bạn đang sử dụng)

Để đặt tiêu đề trong một yêu cầu Axios GET, hãy chuyển một đối tượng thứ hai vàoaxios.get()gọi, ví dụ: đây là yêu cầu 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)
})

Tôi đang thực hiện một số công việc với WordPress API và tôi phải xác thực để thực hiện yêu cầu ĐĂNG lên một trang web.

Cách dễ nhất đối với tôi là sử dụng xác thực cơ bản.

Tôi đang sử dụng Axios, vì vậy tôi đã đặtAuthorizationtiêu đề của yêu cầu ĐĂNG theo cách này:

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

Tải xuống miễn phí của tôiSổ tay dành cho Người mới bắt đầu JavaScript


Các hướng dẫn js khác: