今回はaxiosの処理詳細については解説しません。
axiosでのリクエスト時に、設定が間違っていないのに401 (Unauthorized) errorになってしまう方へ。
確認として、引数の順番が間違っていないかを確認しましょう。
- post :
- 第一引数：url
- 第二引数：data
- 第三引数：config （header情報など）
例えば、下記のような処理です。
これが、第二引数、第三引数を順番間違えると 正しくリクエストされず（header情報として、payloadを渡してしまう。）
this.$axios.$post('/api/test',
payload,
{ headers: { Authorization: `Bearer ${access_token}` },
})
.then(res => console.log(res))
.catch(error => console.log(error))
getや他のメソッドに関しても下記に詳しく載っています。