Vue/Axios get bearer token into variable after posting clint_crd

I have an application I'm trying to integrate with using VUE and AXIOS.

The application requires client credentials to be posted which will then return a bearer token.

I'm massively struggling to get the bearer token out of the AXIOS request and into a variable I can then use on the next request before then using it to log out.

I have got as far as the below, however I seem to be tripping my at the point of these lovely promises and async / sync request types :-(

I'm after example code in which will allow me to do something simular to:

var _Token = Login();
RequestProjectData(_Token,ID);
Logout(_Token);

Where I got to, which is probably miles off...

export function Login() {
var qs = require('qs');
var data = qs.stringify({
'client_id': 'CLIENTID...Fhduiosji43298.api',
'client_secret': 'SCREThgfgy798435y89roi.dfdesghiu',
'grant_type': 'client_credentials'
});
var config = {
method: 'post',
url: 'https://SERVER:444/WebService/Api/logon',
headers: { 'content-type': 'application/x-www-form-urlencoded' },
data: data
};

const request = axios(config)
.then(function (response) {
//console.log(JSON.stringify(response.data.access_token));
return response.data;
})
.catch(function (error) {
console.log(error.response);
});

return {
payload: request
};

//return result
}


Thanks in advance