Vue : JWT Authorization header with Axios - vue.js

Question

I created a front end application on vue.js and I use phoenix as backend.
I try to make a request and returns an error :
GET http://localhost:4000/api/v1/my_user 401 (Unauthorized)
it's better than having CORS issue.
In my script part, I build my header to manage access control and pass Authorization. At the end, I call my URL and pass variables.
getCurrentUser: function() {
let axiosConfig = {
headers: {
"Content-Type": "application/json;charset=UTF-8",
"Access-Control-Allow-Origin": "*",
"Authorization": "Bearer " + localStorage.getItem("jwt")
}
};
// call rest API
axios
.get("http://localhost:4000/api/v1/my_user", {}, axiosConfig)
.then(res => {
console.log("RESPONSE RECEIVED: ", res);
//const jwt = res.data.jwt;
//this.showComponent = false;
console.log("res:" + res);
//localStorage.setItem("jwt", jwt); // store the token in localstorage
})
.catch(err => {
console.log("AXIOS ERROR: ", err);
});
},
localStorage.getItem("jwt") returns the correct token.
My issue is that i don't meet error by using postman client and when i pass as Authorization value the same values as in the header / Authorization

Answer 1

I replaced this code by :
getCurrentUser: function() {
axios.defaults.headers.common["Authorization"] =
"Bearer " + localStorage.getItem("jwt");
// call rest API
axios
.get("http://localhost:4000/api/v1/my_user")
.then(res => {
console.log("RESPONSE RECEIVED: ", res);
})
.catch(err => {
console.log("AXIOS ERROR: ", err);
});
},