vueとlaravelを使用してビュー内のaxiosヘッダーにBearerトークンを自動的に取得する方法

Question

次のようなデータを取得するために現在のユーザーのトークンを取得しようとしています:

リーリー

認証されたユーザーの現在のトークンを自動的に取得するには、「Authorization」ヘッダーを設定するにはどうすればよいですか?

次のようなローカルストレージを試しました:

リーリー

しかし、効果はあまり良くありません。

＃＃＃問題はどこだ？

---

更新:

app.js：

リーリー

「if」の終了後に問題が発生する

リーリー

Answer 1

＃＃＃何をしたらいいでしょう、＃＃＃

すべてのリクエストで、js ファイル (vue ではない)、たとえば bootstrap.js ファイル (読み込みが速くなるため):

リーリー

ログイン関数で、ユーザーにログインしてアクセス トークンを取得するとき:

リーリー

ユーザーをホームページまたはユーザーをリダイレクトする必要があるページにリダイレクトし、access_token が localStorage に設定されます。

残った最後の部分は、ユーザーがログアウトするときに localStorage

access_token

エントリを削除し、場合によってはインターセプターを使用して 401 をキャッチして access_token を削除し、トークンの有効期限が切れたら /login にリダイレクトすることです。 リーリー 自分が所有していない外部エンドポイントに axios リクエストを行う予定がある場合は、401 のドメインをチェックして、それが自分のドメインであることを確認してください。