Javascript File Download issue, returning strange string

Question

I have the following HTTP Axios getcall that should result the browser to force a download but I get the a strange result instead.

AXIOS Call

    axios.get('http://localhost:63464/api/Consumer/ExcelDownload')
    .then(res => {
        return res.data;
    })
    .then(res =>
    {
        console.log(res);
    })
    .catch(err =>
    {
        console.log(err)
    })

Which is returning the following result from the line in console.log(res);

Result of console.log(res.data) image Here

I was doing the following in the past to get this to work. location.href = 'http://localhost:63464/api/Consumer/ExcelDownload'; which would return my File result. however this route is now protected using a JWT which I have set in axios global headers, so this is no longer working for me.

Would someone be able to help me with this issue? perhaps even being able to create some kind of URL from a blob that I can make the same call to.