錯誤401（未經授權）使用包含JWT頭的Axios進行REST調用

我正在開發一個帶有JWT護照的小型反應節點應用程序進行身份驗證。我已通過郵遞員測試了所有端點（通過將授權標頭傳遞給令牌）並且它們正在正常工作。錯誤401（未經授權）使用包含JWT頭的Axios進行REST調用

這是呼叫從IM前端

export const getUsersDetails=()=>{ 
    console.log(localStorage.getItem('jwtToken')); 
    return (dispatch) => { 
    return axios.get('http://localhost:3030/users', 
      { headers: { 'Authorization': localStorage.getItem('jwtToken') } } 
      ).then((data)=>{ 
       console.log('data comming',data); 
       dispatch(getUsersData(data)); 
      }).catch((error)=>{ 
       console.log('error comming',error); 
       dispatch(errorgetUsersData(error)); 
      }); 
     }; 
}

我有使得能夠通過使用所述CORS模塊CORS製作。這是網絡電話的樣子從瀏覽器

授權頭看起來像
authorization:[object Object], eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.....

如果這是這樣authorization: eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9..... 這就是爲什麼即時通訊面臨這個問題的原因是什麼？如何克服這一點？

來源

2017-05-26 TRomesh

當你想在你的應用程序授權時，這取決於你如何完成你的後端。如果一切順利，通過郵遞員，告訴你郵遞員的郵件頭是如何看起來的。我使用XSRF令牌，這裏是我如何請求頭一看：

{headers: 
      {"Access-Control-Allow-Headers" : "*", 
      "X-XSRF-TOKEN": this.$cookie.get('XSRF-TOKEN')} 
    }

也許你應該只是把"Access-Control-Allow-Headers" : "*"

來源

2017-06-13 14:32:49

錯誤401（未經授權）使用包含JWT頭的Axios進行REST調用

回答

相關問題