84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
我想使用使用 OAuth 2.0 的 API
簡而言之,我需要取得一個存取令牌,我必須將其包含在每個後續請求中,以便伺服器可以確認我的身分。
在應用程式中執行此操作的架構會是什麼樣子?有人可以推薦一篇文章嗎?
目前,我在每個請求上從 API 取得新令牌以執行請求的效率很低。
是否存在保存不記名令牌並重複使用直至其過期的最佳實踐?
我想在我的應用程式中使用 Vue.js。
正如您所說,在每個請求上請求新令牌是沒有意義的。
登入後,最好的方法是將傳回的令牌儲存在 localStorage 中,因此無論使用者是否刷新瀏覽器,應用程式都會從儲存中取得 Bearer。
完成此操作後,您應該在每個 axios 請求中附加目前有效的 Bearer 令牌。 IE:
axios.defaults.headers = { common: { 'X-Requested-With': 'XMLHttpRequest', 'Access-Control-Allow-Origin': '*', 'Authorization': 'Bearer ajsyHjdjkakl;ds......' } }
僅供參考,有很多軟體包可以幫助您處理此問題,否則,請準備好面對一些令人頭痛的問題。我個人從很久以前就開始使用這個:https://websanova.com/docs/vue-auth /首頁
正如您所說,在每個請求上請求新令牌是沒有意義的。
登入後,最好的方法是將傳回的令牌儲存在 localStorage 中,因此無論使用者是否刷新瀏覽器,應用程式都會從儲存中取得 Bearer。
完成此操作後,您應該在每個 axios 請求中附加目前有效的 Bearer 令牌。 IE:
僅供參考,有很多軟體包可以幫助您處理此問題,否則,請準備好面對一些令人頭痛的問題。我個人從很久以前就開始使用這個:https://websanova.com/docs/vue-auth /首頁