如何使用 axios 请求发送用户名和密码

Question

I am calling a get request on BambooHr API like this:

  axios.get
   (`https://api.bamboohr.com/api/gateway.php/companyDomain/v1/employees/2223/photo/large`
    ).then((res)=> {
          console.log("response ",res)
        });
    },

I have API key and password. How can I send it along with my get request. In the api they are showing like this:

import axios from 'axios';

const options = {
  method: 'GET',
  url: 'https://api.bamboohr.com/api/gateway.php/companyDomain/v1/employees/employeeId/photo/size',
  headers: {
    authorization: 'Basic xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
  }
};

axios
  .request(options)
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.error(error);
  });

In place of "xxxxxxxxxxxxxx" there is Api key and passwords encoded value is coming. So how can I do this my code. And while trying some things I am getting cors errors as well

Answer 1

Use this:

await axios.get(session_url, {
  auth: {
    username: username,
    password: password
  }
});

It will should get encoded into the basic format by itself.

If that did not work here is an alternative:

var basicAuth = 'Basic ' + btoa(username + ':' + password);
axios.get(session_url, {
  headers: { 'Authorization': + basicAuth }
})

In your exact case this means changing options to this:

const options = {
    method: 'GET',
    url: 'https://api.bamboohr.com/api/gateway.php/companyDomain/v1/employees/employeeId/photo/size',
    auth: {
       username: "username",
       password: "password"
    }
};

or this:

const options = {
    method: 'GET',
    url: 'https://api.bamboohr.com/api/gateway.php/companyDomain/v1/employees/employeeId/photo/size',
    headers: {
        Authorization: `Basic ${btoa(username + ':' + password)}`
    }
};