401(unauthorized error ) while invoking(consuming) a REST URL from ReactJS

Hi ,
I have following code to invoke a REST URL from React Js .

const encodedString = Buffer.from('password').toString('base64');
handleClick = () => {
axios.post('URL', {
auth: {
username: "username",
password: encodedString
},
data: {
CDO_Office: "Yes"
},
headers: {
accept: 'application/json'
}
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
console.log(encodedString);
});

But i am getting following error.
Error: Request failed with status code 401
at createError (createError.js:16)
at settle (settle.js:17)
at XMLHttpRequest.handleLoad (xhr.js:59)