كيفية إرسال رأس التفويض باستخدام Axios

تعرف على كيفية إرسال رأس التفويض باستخدام Axios

لتعيين الرؤوس في طلب Axios POST ، مرر كائنًا ثالثًا إلى ملفaxios.post()مكالمة.

ربما تستخدم بالفعل المعامل الثاني لإرسال البيانات ، وإذا قمت بتمرير كائنين بعد سلسلة 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"> }, })


المزيد من دروس js: