Vue.js Vue:Axios的JWT授权标头

我在vue.js上创建了一个前端应用程序，并使用phoenix作为后端。 我尝试发出请求并返回一个错误： 未经授权获取401

总比有CORS问题好

在我的脚本部分，我构建我的头来管理访问控制和传递授权。最后，我调用我的URL并传递变量

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.getItemjwt返回正确的令牌。

---

我的问题是，我使用postman客户端时没有遇到错误，当我将头/授权中相同的值作为授权值传递时，我将此代码替换为：

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);
    });
},

---

可能是很多事情之一。您在后端接收到哪些标头？是否需要将其配置为删除承载文本，是否尝试解析小写承载和传递承载。令牌是否有效，是否具有正确的权限等。从技术上讲，我收到一个包含令牌值的json。此令牌存储在localStorage中。我尝试使用和不使用承载部分，我也解析了它，但错误保持不变。我试着和邮递员一起把代币寄回去，结果成功了。我不知道我是否把授权书放在了该放的地方。我尝试将令牌作为{}之间的第二个参数